HEX #5A78A2 color — Waikawa Gray
The color #5A78A2 is a dark shade and slightly desaturated.
Palette
5A78A2 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(215,29%,99%) |
#ebeff4 |
rgb(235,239,244) |
hsl(215,29%,94%) |
#dbe2eb |
rgb(219,226,235) |
hsl(215,29%,89%) |
#cad4e2 |
rgb(202,212,226) |
hsl(215,29%,84%) |
#bac7d9 |
rgb(186,199,217) |
hsl(215,29%,79%) |
#a9b9d0 |
rgb(169,185,208) |
hsl(215,29%,74%) |
#99acc7 |
rgb(153,172,199) |
hsl(215,29%,69%) |
#899fbe |
rgb(137,159,190) |
hsl(215,29%,64%) |
#7891b5 |
rgb(120,145,181) |
hsl(215,29%,59%) |
#6884ac |
rgb(104,132,172) |
hsl(215,29%,54%) |
#5977a1 |
rgb(89,119,161) |
hsl(215,29%,49%) |
#506b91 |
rgb(80,107,145) |
hsl(215,29%,44%) |
#475f80 |
rgb(71,95,128) |
hsl(215,29%,39%) |
#3e5370 |
rgb(62,83,112) |
hsl(215,29%,34%) |
#35465f |
rgb(53,70,95) |
hsl(215,29%,29%) |
#2b3a4f |
rgb(43,58,79) |
hsl(215,29%,24%) |
#222e3f |
rgb(34,46,63) |
hsl(215,29%,19%) |
#19222e |
rgb(25,34,46) |
hsl(215,29%,14%) |
#10161e |
rgb(16,22,30) |
hsl(215,29%,9%) |
#070a0d |
rgb(7,10,13) |
hsl(215,29%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#5AA39C |
rgb(90,163,156) |
hsl(174,29%,50%) |
#5A78A2 |
rgb(90,120,162) |
hsl(215,29%,49%) |
#6C59A2 |
rgb(108,89,162) |
hsl(256,29%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8CA3BF |
rgb(140,163,191) |
hsl(213,28%,65%) |
#738CB1 |
rgb(115,140,177) |
hsl(216,28%,57%) |
#5A78A2 |
rgb(90,120,162) |
hsl(215,29%,49%) |
#4B6688 |
rgb(75,102,136) |
hsl(213,29%,41%) |
#3D526E |
rgb(61,82,110) |
hsl(214,29%,34%) |
#2E3D54 |
rgb(46,61,84) |
hsl(216,29%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#5A78A2 |
rgb(90,120,162) |
hsl(215,29%,49%) |
#A2615A |
rgb(162,97,90) |
hsl(6,29%,49%) |
#9CA35A |
rgb(156,163,90) |
hsl(66,29%,50%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5A78A2 |
rgb(90,120,162) |
hsl(215,29%,49%) |
#A2855A |
rgb(162,133,90) |
hsl(36,29%,49%) |
#5A9CA2 |
rgb(90,156,162) |
hsl(185,29%,49%) |
#9CA35A |
rgb(156,163,90) |
hsl(66,29%,50%) |