HEX #485F84 color — Blue Bayoux
The color #485f84 is a dark shade and slightly desaturated.
Palette
485f84 color palette from light to dark
HEX |
RGB |
HSL |
#eff1f6 |
rgb(239,241,246) |
hsl(217,29%,95%) |
#dee4ed |
rgb(222,228,237) |
hsl(217,29%,90%) |
#ced6e4 |
rgb(206,214,228) |
hsl(217,29%,85%) |
#bdc9db |
rgb(189,201,219) |
hsl(217,29%,80%) |
#adbbd2 |
rgb(173,187,210) |
hsl(217,29%,75%) |
#9cadc9 |
rgb(156,173,201) |
hsl(217,29%,70%) |
#8ca0c0 |
rgb(140,160,192) |
hsl(217,29%,65%) |
#7b92b7 |
rgb(123,146,183) |
hsl(217,29%,60%) |
#6b84ae |
rgb(107,132,174) |
hsl(217,29%,55%) |
#5b77a4 |
rgb(91,119,164) |
hsl(217,29%,50%) |
#516b94 |
rgb(81,107,148) |
hsl(217,29%,45%) |
#485f84 |
rgb(72,95,132) |
hsl(217,29%,40%) |
#3f5373 |
rgb(63,83,115) |
hsl(217,29%,35%) |
#364763 |
rgb(54,71,99) |
hsl(217,29%,30%) |
#2d3b52 |
rgb(45,59,82) |
hsl(217,29%,25%) |
#243042 |
rgb(36,48,66) |
hsl(217,29%,20%) |
#1b2431 |
rgb(27,36,49) |
hsl(217,29%,15%) |
#121821 |
rgb(18,24,33) |
hsl(217,29%,10%) |
#090c10 |
rgb(9,12,16) |
hsl(217,29%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#488581 |
rgb(72,133,129) |
hsl(176,30%,40%) |
#485F84 |
rgb(72,95,132) |
hsl(217,29%,40%) |
#594784 |
rgb(89,71,132) |
hsl(258,30%,40%) |
Monochromatic colors
HEX |
RGB |
HSL |
#6380AA |
rgb(99,128,170) |
hsl(215,29%,53%) |
#536E99 |
rgb(83,110,153) |
hsl(217,30%,46%) |
#485F84 |
rgb(72,95,132) |
hsl(217,29%,40%) |
#3C4F6E |
rgb(60,79,110) |
hsl(217,29%,33%) |
#304059 |
rgb(48,64,89) |
hsl(217,30%,27%) |
#253044 |
rgb(37,48,68) |
hsl(219,30%,21%) |
Triad color palettes
HEX |
RGB |
HSL |
#485F84 |
rgb(72,95,132) |
hsl(217,29%,40%) |
#844F48 |
rgb(132,79,72) |
hsl(7,29%,40%) |
#7D8548 |
rgb(125,133,72) |
hsl(68,30%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#485F84 |
rgb(72,95,132) |
hsl(217,29%,40%) |
#846E48 |
rgb(132,110,72) |
hsl(38,29%,40%) |
#487D84 |
rgb(72,125,132) |
hsl(187,29%,40%) |
#7D8548 |
rgb(125,133,72) |
hsl(68,30%,40%) |