HEX #485F70 color — Blue Bayoux
The color #485f70 is a dark shade and slightly desaturated.
Palette
485f70 color palette from light to dark
HEX |
RGB |
HSL |
#f3f5f7 |
rgb(243,245,247) |
hsl(206,22%,96%) |
#e3e9ed |
rgb(227,233,237) |
hsl(206,22%,91%) |
#d3dce3 |
rgb(211,220,227) |
hsl(206,22%,86%) |
#c4d0d9 |
rgb(196,208,217) |
hsl(206,22%,81%) |
#b4c4cf |
rgb(180,196,207) |
hsl(206,22%,76%) |
#a5b7c5 |
rgb(165,183,197) |
hsl(206,22%,71%) |
#95abbb |
rgb(149,171,187) |
hsl(206,22%,66%) |
#869eb1 |
rgb(134,158,177) |
hsl(206,22%,61%) |
#7692a7 |
rgb(118,146,167) |
hsl(206,22%,56%) |
#67869e |
rgb(103,134,158) |
hsl(206,22%,51%) |
#5b798f |
rgb(91,121,143) |
hsl(206,22%,46%) |
#526c80 |
rgb(82,108,128) |
hsl(206,22%,41%) |
#485e70 |
rgb(72,94,112) |
hsl(206,22%,36%) |
#3e5160 |
rgb(62,81,96) |
hsl(206,22%,31%) |
#344451 |
rgb(52,68,81) |
hsl(206,22%,26%) |
#2a3741 |
rgb(42,55,65) |
hsl(206,22%,21%) |
#202a32 |
rgb(32,42,50) |
hsl(206,22%,16%) |
#161d22 |
rgb(22,29,34) |
hsl(206,22%,11%) |
#0c1013 |
rgb(12,16,19) |
hsl(206,22%,6%) |
#020303 |
rgb(2,3,3) |
hsl(206,22%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#487066 |
rgb(72,112,102) |
hsl(165,22%,36%) |
#485F70 |
rgb(72,95,112) |
hsl(206,22%,36%) |
#4B4770 |
rgb(75,71,112) |
hsl(246,22%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#536E81 |
rgb(83,110,129) |
hsl(205,22%,42%) |
#485F70 |
rgb(72,95,112) |
hsl(206,22%,36%) |
#3C4F5E |
rgb(60,79,94) |
hsl(206,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 |
#485F70 |
rgb(72,95,112) |
hsl(206,22%,36%) |
#70474B |
rgb(112,71,75) |
hsl(354,22%,36%) |
#706E48 |
rgb(112,110,72) |
hsl(57,22%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#485F70 |
rgb(72,95,112) |
hsl(206,22%,36%) |
#705948 |
rgb(112,89,72) |
hsl(26,22%,36%) |
#48706D |
rgb(72,112,109) |
hsl(176,22%,36%) |
#706E48 |
rgb(112,110,72) |
hsl(57,22%,36%) |