HEX #5870A0 color — Waikawa Gray
The color #5870A0 is a dark shade and slightly desaturated.
Palette
5870A0 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(220,29%,99%) |
#ebeef4 |
rgb(235,238,244) |
hsl(220,29%,94%) |
#dbe0eb |
rgb(219,224,235) |
hsl(220,29%,89%) |
#cad2e2 |
rgb(202,210,226) |
hsl(220,29%,84%) |
#bac4d9 |
rgb(186,196,217) |
hsl(220,29%,79%) |
#a9b6d0 |
rgb(169,182,208) |
hsl(220,29%,74%) |
#99a8c7 |
rgb(153,168,199) |
hsl(220,29%,69%) |
#899abe |
rgb(137,154,190) |
hsl(220,29%,64%) |
#788cb5 |
rgb(120,140,181) |
hsl(220,29%,59%) |
#687eac |
rgb(104,126,172) |
hsl(220,29%,54%) |
#5971a1 |
rgb(89,113,161) |
hsl(220,29%,49%) |
#506591 |
rgb(80,101,145) |
hsl(220,29%,44%) |
#475a80 |
rgb(71,90,128) |
hsl(220,29%,39%) |
#3e4e70 |
rgb(62,78,112) |
hsl(220,29%,34%) |
#35435f |
rgb(53,67,95) |
hsl(220,29%,29%) |
#2b374f |
rgb(43,55,79) |
hsl(220,29%,24%) |
#222c3f |
rgb(34,44,63) |
hsl(220,29%,19%) |
#19202e |
rgb(25,32,46) |
hsl(220,29%,14%) |
#10151e |
rgb(16,21,30) |
hsl(220,29%,9%) |
#07090d |
rgb(7,9,13) |
hsl(220,29%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#58A1A0 |
rgb(88,161,160) |
hsl(179,29%,49%) |
#5870A0 |
rgb(88,112,160) |
hsl(220,29%,49%) |
#7059A0 |
rgb(112,89,160) |
hsl(259,29%,49%) |
Monochromatic colors
HEX |
RGB |
HSL |
#899CBE |
rgb(137,156,190) |
hsl(218,29%,64%) |
#6F85B0 |
rgb(111,133,176) |
hsl(220,29%,56%) |
#5870A0 |
rgb(88,112,160) |
hsl(220,29%,49%) |
#495E86 |
rgb(73,94,134) |
hsl(219,29%,41%) |
#3B4D6C |
rgb(59,77,108) |
hsl(218,29%,33%) |
#2D3B53 |
rgb(45,59,83) |
hsl(218,30%,25%) |
Triad color palettes
HEX |
RGB |
HSL |
#5870A0 |
rgb(88,112,160) |
hsl(220,29%,49%) |
#A06358 |
rgb(160,99,88) |
hsl(9,29%,49%) |
#94A158 |
rgb(148,161,88) |
hsl(71,29%,49%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#5870A0 |
rgb(88,112,160) |
hsl(220,29%,49%) |
#A08758 |
rgb(160,135,88) |
hsl(39,29%,49%) |
#5894A0 |
rgb(88,148,160) |
hsl(190,29%,49%) |
#94A158 |
rgb(148,161,88) |
hsl(71,29%,49%) |