HEX #485C7E color — Blue Bayoux
The color #485C7E is a dark shade and slightly desaturated.
Palette
485C7E color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(218,27%,99%) |
#eceff4 |
rgb(236,239,244) |
hsl(218,27%,94%) |
#dbe1eb |
rgb(219,225,235) |
hsl(218,27%,89%) |
#cbd3e1 |
rgb(203,211,225) |
hsl(218,27%,84%) |
#bbc6d8 |
rgb(187,198,216) |
hsl(218,27%,79%) |
#abb8cf |
rgb(171,184,207) |
hsl(218,27%,74%) |
#9baac5 |
rgb(155,170,197) |
hsl(218,27%,69%) |
#8a9dbc |
rgb(138,157,188) |
hsl(218,27%,64%) |
#7a8fb3 |
rgb(122,143,179) |
hsl(218,27%,59%) |
#6a81a9 |
rgb(106,129,169) |
hsl(218,27%,54%) |
#5b749f |
rgb(91,116,159) |
hsl(218,27%,49%) |
#52688e |
rgb(82,104,142) |
hsl(218,27%,44%) |
#495c7e |
rgb(73,92,126) |
hsl(218,27%,39%) |
#3f506e |
rgb(63,80,110) |
hsl(218,27%,34%) |
#36455e |
rgb(54,69,94) |
hsl(218,27%,29%) |
#2d394e |
rgb(45,57,78) |
hsl(218,27%,24%) |
#232d3e |
rgb(35,45,62) |
hsl(218,27%,19%) |
#1a212d |
rgb(26,33,45) |
hsl(218,27%,14%) |
#11151d |
rgb(17,21,29) |
hsl(218,27%,9%) |
#07090d |
rgb(7,9,13) |
hsl(218,27%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#487D7C |
rgb(72,125,124) |
hsl(179,27%,39%) |
#485C7E |
rgb(72,92,126) |
hsl(218,27%,39%) |
#58477E |
rgb(88,71,126) |
hsl(259,28%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#536B92 |
rgb(83,107,146) |
hsl(217,28%,45%) |
#485C7E |
rgb(72,92,126) |
hsl(218,27%,39%) |
#3C4D69 |
rgb(60,77,105) |
hsl(217,27%,32%) |
#304055 |
rgb(48,64,85) |
hsl(214,28%,26%) |
#253041 |
rgb(37,48,65) |
hsl(216,27%,20%) |
#19212D |
rgb(25,33,45) |
hsl(216,29%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#485C7E |
rgb(72,92,126) |
hsl(218,27%,39%) |
#7E4F48 |
rgb(126,79,72) |
hsl(8,27%,39%) |
#777D48 |
rgb(119,125,72) |
hsl(67,27%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#485C7E |
rgb(72,92,126) |
hsl(218,27%,39%) |
#7E6B48 |
rgb(126,107,72) |
hsl(39,27%,39%) |
#48787E |
rgb(72,120,126) |
hsl(187,27%,39%) |
#777D48 |
rgb(119,125,72) |
hsl(67,27%,39%) |