HEX #485E77 color — Blue Bayoux
The color #485E77 is a dark shade and slightly desaturated.
Palette
485E77 color palette from light to dark
HEX |
RGB |
HSL |
#f5f7f9 |
rgb(245,247,249) |
hsl(212,25%,97%) |
#e6eaf0 |
rgb(230,234,240) |
hsl(212,25%,92%) |
#d6dde6 |
rgb(214,221,230) |
hsl(212,25%,87%) |
#c6d0dd |
rgb(198,208,221) |
hsl(212,25%,82%) |
#b6c3d3 |
rgb(182,195,211) |
hsl(212,25%,77%) |
#a6b6c9 |
rgb(166,182,201) |
hsl(212,25%,72%) |
#96a9c0 |
rgb(150,169,192) |
hsl(212,25%,67%) |
#869cb6 |
rgb(134,156,182) |
hsl(212,25%,62%) |
#7690ad |
rgb(118,144,173) |
hsl(212,25%,57%) |
#6683a3 |
rgb(102,131,163) |
hsl(212,25%,52%) |
#5a7696 |
rgb(90,118,150) |
hsl(212,25%,47%) |
#506986 |
rgb(80,105,134) |
hsl(212,25%,42%) |
#475d76 |
rgb(71,93,118) |
hsl(212,25%,37%) |
#3d5066 |
rgb(61,80,102) |
hsl(212,25%,32%) |
#344456 |
rgb(52,68,86) |
hsl(212,25%,27%) |
#2a3746 |
rgb(42,55,70) |
hsl(212,25%,22%) |
#212b36 |
rgb(33,43,54) |
hsl(212,25%,17%) |
#171e26 |
rgb(23,30,38) |
hsl(212,25%,12%) |
#0d1216 |
rgb(13,18,22) |
hsl(212,25%,7%) |
#040506 |
rgb(4,5,6) |
hsl(212,25%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#487870 |
rgb(72,120,112) |
hsl(170,25%,38%) |
#485E77 |
rgb(72,94,119) |
hsl(212,25%,37%) |
#514777 |
rgb(81,71,119) |
hsl(253,25%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#536E8A |
rgb(83,110,138) |
hsl(211,25%,43%) |
#485E77 |
rgb(72,94,119) |
hsl(212,25%,37%) |
#3C4F63 |
rgb(60,79,99) |
hsl(211,25%,31%) |
#304050 |
rgb(48,64,80) |
hsl(210,25%,25%) |
#25303D |
rgb(37,48,61) |
hsl(213,24%,19%) |
#19212A |
rgb(25,33,42) |
hsl(212,25%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#485E77 |
rgb(72,94,119) |
hsl(212,25%,37%) |
#774A48 |
rgb(119,74,72) |
hsl(3,25%,37%) |
#757848 |
rgb(117,120,72) |
hsl(64,25%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#485E77 |
rgb(72,94,119) |
hsl(212,25%,37%) |
#776148 |
rgb(119,97,72) |
hsl(32,25%,37%) |
#487577 |
rgb(72,117,119) |
hsl(183,25%,37%) |
#757848 |
rgb(117,120,72) |
hsl(64,25%,38%) |