HEX #485E6D color — Blue Bayoux
The color #485E6D is a dark shade and slightly desaturated.
Palette
485E6D color palette from light to dark
HEX |
RGB |
HSL |
#f0f3f5 |
rgb(240,243,245) |
hsl(204,20%,95%) |
#e0e7eb |
rgb(224,231,235) |
hsl(204,20%,90%) |
#d1dae0 |
rgb(209,218,224) |
hsl(204,20%,85%) |
#c2ced6 |
rgb(194,206,214) |
hsl(204,20%,80%) |
#b3c2cc |
rgb(179,194,204) |
hsl(204,20%,75%) |
#a3b6c2 |
rgb(163,182,194) |
hsl(204,20%,70%) |
#94a9b8 |
rgb(148,169,184) |
hsl(204,20%,65%) |
#859dad |
rgb(133,157,173) |
hsl(204,20%,60%) |
#7591a3 |
rgb(117,145,163) |
hsl(204,20%,55%) |
#668599 |
rgb(102,133,153) |
hsl(204,20%,50%) |
#5c778a |
rgb(92,119,138) |
hsl(204,20%,45%) |
#526a7a |
rgb(82,106,122) |
hsl(204,20%,40%) |
#475d6b |
rgb(71,93,107) |
hsl(204,20%,35%) |
#3d505c |
rgb(61,80,92) |
hsl(204,20%,30%) |
#33424d |
rgb(51,66,77) |
hsl(204,20%,25%) |
#29353d |
rgb(41,53,61) |
hsl(204,20%,20%) |
#1f282e |
rgb(31,40,46) |
hsl(204,20%,15%) |
#141b1f |
rgb(20,27,31) |
hsl(204,20%,10%) |
#0a0d0f |
rgb(10,13,15) |
hsl(204,20%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#486E63 |
rgb(72,110,99) |
hsl(163,21%,36%) |
#485E6D |
rgb(72,94,109) |
hsl(204,20%,35%) |
#4A476D |
rgb(74,71,109) |
hsl(245,21%,35%) |
Monochromatic colors
HEX |
RGB |
HSL |
#536E7E |
rgb(83,110,126) |
hsl(202,21%,41%) |
#485E6D |
rgb(72,94,109) |
hsl(204,20%,35%) |
#3C4F5B |
rgb(60,79,91) |
hsl(203,21%,30%) |
#30404A |
rgb(48,64,74) |
hsl(203,21%,24%) |
#253038 |
rgb(37,48,56) |
hsl(205,20%,18%) |
#192127 |
rgb(25,33,39) |
hsl(206,22%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#485E6D |
rgb(72,94,109) |
hsl(204,20%,35%) |
#6D474B |
rgb(109,71,75) |
hsl(354,21%,35%) |
#6D6948 |
rgb(109,105,72) |
hsl(54,20%,35%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#485E6D |
rgb(72,94,109) |
hsl(204,20%,35%) |
#6D5748 |
rgb(109,87,72) |
hsl(24,20%,35%) |
#486E69 |
rgb(72,110,105) |
hsl(172,21%,36%) |
#6D6948 |
rgb(109,105,72) |
hsl(54,20%,35%) |