HEX #5978A2 color — Waikawa Gray
The color #5978A2 is a dark shade and slightly desaturated.
Palette
5978A2 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 |
#59A39B |
rgb(89,163,155) |
hsl(174,29%,49%) |
#5978A2 |
rgb(89,120,162) |
hsl(215,29%,49%) |
#6A59A2 |
rgb(106,89,162) |
hsl(254,29%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8BA1BF |
rgb(139,161,191) |
hsl(215,29%,65%) |
#718CB1 |
rgb(113,140,177) |
hsl(215,29%,57%) |
#5978A2 |
rgb(89,120,162) |
hsl(215,29%,49%) |
#4A6688 |
rgb(74,102,136) |
hsl(213,30%,41%) |
#3C526E |
rgb(60,82,110) |
hsl(214,29%,33%) |
#2E3D54 |
rgb(46,61,84) |
hsl(216,29%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#5978A2 |
rgb(89,120,162) |
hsl(215,29%,49%) |
#A25E59 |
rgb(162,94,89) |
hsl(4,29%,49%) |
#9CA359 |
rgb(156,163,89) |
hsl(66,29%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5978A2 |
rgb(89,120,162) |
hsl(215,29%,49%) |
#A28259 |
rgb(162,130,89) |
hsl(34,29%,49%) |
#599CA2 |
rgb(89,156,162) |
hsl(185,29%,49%) |
#9CA359 |
rgb(156,163,89) |
hsl(66,29%,49%) |