HEX #5670A5 color — Waikawa Gray
The color #5670A5 is a dark shade and slightly desaturated.
Palette
5670A5 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(220,31%,99%) |
#ebeef4 |
rgb(235,238,244) |
hsl(220,31%,94%) |
#dae0ec |
rgb(218,224,236) |
hsl(220,31%,89%) |
#cad2e3 |
rgb(202,210,227) |
hsl(220,31%,84%) |
#b9c4da |
rgb(185,196,218) |
hsl(220,31%,79%) |
#a8b6d1 |
rgb(168,182,209) |
hsl(220,31%,74%) |
#97a8c8 |
rgb(151,168,200) |
hsl(220,31%,69%) |
#879ac0 |
rgb(135,154,192) |
hsl(220,31%,64%) |
#768cb7 |
rgb(118,140,183) |
hsl(220,31%,59%) |
#657eae |
rgb(101,126,174) |
hsl(220,31%,54%) |
#5670a4 |
rgb(86,112,164) |
hsl(220,31%,49%) |
#4d6593 |
rgb(77,101,147) |
hsl(220,31%,44%) |
#455982 |
rgb(69,89,130) |
hsl(220,31%,39%) |
#3c4e72 |
rgb(60,78,114) |
hsl(220,31%,34%) |
#334261 |
rgb(51,66,97) |
hsl(220,31%,29%) |
#2a3750 |
rgb(42,55,80) |
hsl(220,31%,24%) |
#212b3f |
rgb(33,43,63) |
hsl(220,31%,19%) |
#19202f |
rgb(25,32,47) |
hsl(220,31%,14%) |
#10151e |
rgb(16,21,30) |
hsl(220,31%,9%) |
#07090d |
rgb(7,9,13) |
hsl(220,31%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#56A6A5 |
rgb(86,166,165) |
hsl(179,32%,49%) |
#5670A5 |
rgb(86,112,165) |
hsl(220,31%,49%) |
#7057A5 |
rgb(112,87,165) |
hsl(259,31%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#899CC1 |
rgb(137,156,193) |
hsl(220,31%,65%) |
#6F85B4 |
rgb(111,133,180) |
hsl(221,32%,57%) |
#5670A5 |
rgb(86,112,165) |
hsl(220,31%,49%) |
#485E8A |
rgb(72,94,138) |
hsl(220,31%,41%) |
#3A4D70 |
rgb(58,77,112) |
hsl(219,32%,33%) |
#2C3B55 |
rgb(44,59,85) |
hsl(218,32%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#5670A5 |
rgb(86,112,165) |
hsl(220,31%,49%) |
#A56356 |
rgb(165,99,86) |
hsl(10,31%,49%) |
#97A656 |
rgb(151,166,86) |
hsl(71,32%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5670A5 |
rgb(86,112,165) |
hsl(220,31%,49%) |
#A58C56 |
rgb(165,140,86) |
hsl(41,31%,49%) |
#5696A5 |
rgb(86,150,165) |
hsl(191,31%,49%) |
#97A656 |
rgb(151,166,86) |
hsl(71,32%,49%) |