HEX #5670A7 color — Waikawa Gray
The color #5670A7 is a dark shade and slightly desaturated.
Palette
5670A7 color palette from light to dark
HEX |
RGB |
HSL |
#eef1f6 |
rgb(238,241,246) |
hsl(221,32%,95%) |
#dde3ee |
rgb(221,227,238) |
hsl(221,32%,90%) |
#cdd4e5 |
rgb(205,212,229) |
hsl(221,32%,85%) |
#bcc6dc |
rgb(188,198,220) |
hsl(221,32%,80%) |
#abb8d4 |
rgb(171,184,212) |
hsl(221,32%,75%) |
#9aaacb |
rgb(154,170,203) |
hsl(221,32%,70%) |
#899bc2 |
rgb(137,155,194) |
hsl(221,32%,65%) |
#788dba |
rgb(120,141,186) |
hsl(221,32%,60%) |
#687fb1 |
rgb(104,127,177) |
hsl(221,32%,55%) |
#5771a8 |
rgb(87,113,168) |
hsl(221,32%,50%) |
#4e6597 |
rgb(78,101,151) |
hsl(221,32%,45%) |
#455a87 |
rgb(69,90,135) |
hsl(221,32%,40%) |
#3d4f76 |
rgb(61,79,118) |
hsl(221,32%,35%) |
#344465 |
rgb(52,68,101) |
hsl(221,32%,30%) |
#2b3854 |
rgb(43,56,84) |
hsl(221,32%,25%) |
#232d43 |
rgb(35,45,67) |
hsl(221,32%,20%) |
#1a2232 |
rgb(26,34,50) |
hsl(221,32%,15%) |
#111722 |
rgb(17,23,34) |
hsl(221,32%,10%) |
#090b11 |
rgb(9,11,17) |
hsl(221,32%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#56A6A7 |
rgb(86,166,167) |
hsl(181,32%,50%) |
#5670A7 |
rgb(86,112,167) |
hsl(221,32%,50%) |
#7257A7 |
rgb(114,87,167) |
hsl(260,31%,50%) |
Monochromatic colors
HEX |
RGB |
HSL |
#8A9EC3 |
rgb(138,158,195) |
hsl(219,32%,65%) |
#7087B5 |
rgb(112,135,181) |
hsl(220,32%,57%) |
#5670A7 |
rgb(86,112,167) |
hsl(221,32%,50%) |
#485E8C |
rgb(72,94,140) |
hsl(221,32%,42%) |
#3A4D71 |
rgb(58,77,113) |
hsl(219,32%,34%) |
#2C3B56 |
rgb(44,59,86) |
hsl(219,32%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#5670A7 |
rgb(86,112,167) |
hsl(221,32%,50%) |
#A76356 |
rgb(167,99,86) |
hsl(10,32%,50%) |
#98A656 |
rgb(152,166,86) |
hsl(71,32%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5670A7 |
rgb(86,112,167) |
hsl(221,32%,50%) |
#A78C56 |
rgb(167,140,86) |
hsl(40,32%,50%) |
#5699A7 |
rgb(86,153,167) |
hsl(190,32%,50%) |
#98A656 |
rgb(152,166,86) |
hsl(71,32%,49%) |