HEX #485C70 color — Blue Bayoux
The color #485c70 is a dark shade and slightly desaturated.
Palette
485c70 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5f7 |
rgb(243,245,247) |
hsl(210,22%,96%) |
#e3e8ed |
rgb(227,232,237) |
hsl(210,22%,91%) |
#d3dbe3 |
rgb(211,219,227) |
hsl(210,22%,86%) |
#c4cfd9 |
rgb(196,207,217) |
hsl(210,22%,81%) |
#b4c2cf |
rgb(180,194,207) |
hsl(210,22%,76%) |
#a5b5c5 |
rgb(165,181,197) |
hsl(210,22%,71%) |
#95a8bb |
rgb(149,168,187) |
hsl(210,22%,66%) |
#869cb1 |
rgb(134,156,177) |
hsl(210,22%,61%) |
#768fa7 |
rgb(118,143,167) |
hsl(210,22%,56%) |
#67829e |
rgb(103,130,158) |
hsl(210,22%,51%) |
#5b758f |
rgb(91,117,143) |
hsl(210,22%,46%) |
#526980 |
rgb(82,105,128) |
hsl(210,22%,41%) |
#485c70 |
rgb(72,92,112) |
hsl(210,22%,36%) |
#3e4f60 |
rgb(62,79,96) |
hsl(210,22%,31%) |
#344251 |
rgb(52,66,81) |
hsl(210,22%,26%) |
#2a3641 |
rgb(42,54,65) |
hsl(210,22%,21%) |
#202932 |
rgb(32,41,50) |
hsl(210,22%,16%) |
#161c22 |
rgb(22,28,34) |
hsl(210,22%,11%) |
#0c0f13 |
rgb(12,15,19) |
hsl(210,22%,6%) |
#020303 |
rgb(2,3,3) |
hsl(210,22%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#487069 |
rgb(72,112,105) |
hsl(170,22%,36%) |
#485C70 |
rgb(72,92,112) |
hsl(210,22%,36%) |
#4E4770 |
rgb(78,71,112) |
hsl(250,22%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#536B81 |
rgb(83,107,129) |
hsl(209,22%,42%) |
#485C70 |
rgb(72,92,112) |
hsl(210,22%,36%) |
#3C4D5E |
rgb(60,77,94) |
hsl(210,22%,30%) |
#30404C |
rgb(48,64,76) |
hsl(206,23%,24%) |
#25303A |
rgb(37,48,58) |
hsl(209,22%,19%) |
#192128 |
rgb(25,33,40) |
hsl(208,23%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#485C70 |
rgb(72,92,112) |
hsl(210,22%,36%) |
#704748 |
rgb(112,71,72) |
hsl(359,22%,36%) |
#707048 |
rgb(112,112,72) |
hsl(60,22%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#485C70 |
rgb(72,92,112) |
hsl(210,22%,36%) |
#705C48 |
rgb(112,92,72) |
hsl(30,22%,36%) |
#487070 |
rgb(72,112,112) |
hsl(180,22%,36%) |
#707048 |
rgb(112,112,72) |
hsl(60,22%,36%) |