HEX #485E72 color — Blue Bayoux
The color #485E72 is a dark shade and slightly desaturated.
Palette
485E72 color palette from light to dark
HEX |
RGB |
HSL |
#f2f5f7 |
rgb(242,245,247) |
hsl(209,23%,96%) |
#e3e8ed |
rgb(227,232,237) |
hsl(209,23%,91%) |
#d3dce4 |
rgb(211,220,228) |
hsl(209,23%,86%) |
#c3cfda |
rgb(195,207,218) |
hsl(209,23%,81%) |
#b4c2d0 |
rgb(180,194,208) |
hsl(209,23%,76%) |
#a4b6c6 |
rgb(164,182,198) |
hsl(209,23%,71%) |
#94a9bc |
rgb(148,169,188) |
hsl(209,23%,66%) |
#859cb2 |
rgb(133,156,178) |
hsl(209,23%,61%) |
#7590a9 |
rgb(117,144,169) |
hsl(209,23%,56%) |
#65839f |
rgb(101,131,159) |
hsl(209,23%,51%) |
#5a7690 |
rgb(90,118,144) |
hsl(209,23%,46%) |
#516981 |
rgb(81,105,129) |
hsl(209,23%,41%) |
#475d71 |
rgb(71,93,113) |
hsl(209,23%,36%) |
#3d5061 |
rgb(61,80,97) |
hsl(209,23%,31%) |
#334352 |
rgb(51,67,82) |
hsl(209,23%,26%) |
#293642 |
rgb(41,54,66) |
hsl(209,23%,21%) |
#1f2932 |
rgb(31,41,50) |
hsl(209,23%,16%) |
#161c23 |
rgb(22,28,35) |
hsl(209,23%,11%) |
#0c0f13 |
rgb(12,15,19) |
hsl(209,23%,6%) |
#020303 |
rgb(2,3,3) |
hsl(209,23%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#48736A |
rgb(72,115,106) |
hsl(167,23%,37%) |
#485E72 |
rgb(72,94,114) |
hsl(209,23%,36%) |
#4E4772 |
rgb(78,71,114) |
hsl(250,23%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#536E84 |
rgb(83,110,132) |
hsl(207,23%,42%) |
#485E72 |
rgb(72,94,114) |
hsl(209,23%,36%) |
#3C4F5F |
rgb(60,79,95) |
hsl(207,23%,30%) |
#30404D |
rgb(48,64,77) |
hsl(207,23%,25%) |
#25303B |
rgb(37,48,59) |
hsl(210,23%,19%) |
#192129 |
rgb(25,33,41) |
hsl(210,24%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#485E72 |
rgb(72,94,114) |
hsl(209,23%,36%) |
#724749 |
rgb(114,71,73) |
hsl(357,23%,36%) |
#727048 |
rgb(114,112,72) |
hsl(57,23%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#485E72 |
rgb(72,94,114) |
hsl(209,23%,36%) |
#725C48 |
rgb(114,92,72) |
hsl(29,23%,36%) |
#487371 |
rgb(72,115,113) |
hsl(177,23%,37%) |
#727048 |
rgb(114,112,72) |
hsl(57,23%,36%) |