HEX #5774A2 color — Waikawa Gray
The color #5774a2 is a dark shade and slightly desaturated.
Palette
5774a2 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(217,30%,99%) |
#ebeff4 |
rgb(235,239,244) |
hsl(217,30%,94%) |
#dbe1eb |
rgb(219,225,235) |
hsl(217,30%,89%) |
#cad3e2 |
rgb(202,211,226) |
hsl(217,30%,84%) |
#b9c6da |
rgb(185,198,218) |
hsl(217,30%,79%) |
#a9b8d1 |
rgb(169,184,209) |
hsl(217,30%,74%) |
#98aac8 |
rgb(152,170,200) |
hsl(217,30%,69%) |
#889dbf |
rgb(136,157,191) |
hsl(217,30%,64%) |
#778fb6 |
rgb(119,143,182) |
hsl(217,30%,59%) |
#6781ad |
rgb(103,129,173) |
hsl(217,30%,54%) |
#5774a2 |
rgb(87,116,162) |
hsl(217,30%,49%) |
#4f6892 |
rgb(79,104,146) |
hsl(217,30%,44%) |
#465c81 |
rgb(70,92,129) |
hsl(217,30%,39%) |
#3d5171 |
rgb(61,81,113) |
hsl(217,30%,34%) |
#344560 |
rgb(52,69,96) |
hsl(217,30%,29%) |
#2b3950 |
rgb(43,57,80) |
hsl(217,30%,24%) |
#222d3f |
rgb(34,45,63) |
hsl(217,30%,19%) |
#19212e |
rgb(25,33,46) |
hsl(217,30%,14%) |
#10151e |
rgb(16,21,30) |
hsl(217,30%,9%) |
#07090d |
rgb(7,9,13) |
hsl(217,30%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#57A39E |
rgb(87,163,158) |
hsl(176,30%,49%) |
#5774A2 |
rgb(87,116,162) |
hsl(217,30%,49%) |
#6C57A2 |
rgb(108,87,162) |
hsl(257,30%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#899EBF |
rgb(137,158,191) |
hsl(217,30%,64%) |
#6F8AB1 |
rgb(111,138,177) |
hsl(215,30%,56%) |
#5774A2 |
rgb(87,116,162) |
hsl(217,30%,49%) |
#496188 |
rgb(73,97,136) |
hsl(217,30%,41%) |
#3B4F6E |
rgb(59,79,110) |
hsl(216,30%,33%) |
#2D3D54 |
rgb(45,61,84) |
hsl(215,30%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#5774A2 |
rgb(87,116,162) |
hsl(217,30%,49%) |
#A25E57 |
rgb(162,94,87) |
hsl(6,30%,49%) |
#99A357 |
rgb(153,163,87) |
hsl(68,30%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5774A2 |
rgb(87,116,162) |
hsl(217,30%,49%) |
#A28557 |
rgb(162,133,87) |
hsl(37,30%,49%) |
#5799A2 |
rgb(87,153,162) |
hsl(187,30%,49%) |
#99A357 |
rgb(153,163,87) |
hsl(68,30%,49%) |