HEX #485E81 color — Blue Bayoux
The color #485E81 is a dark shade and slightly desaturated.
Palette
485E81 color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(217,28%,99%) |
#ebeff4 |
rgb(235,239,244) |
hsl(217,28%,94%) |
#dbe1eb |
rgb(219,225,235) |
hsl(217,28%,89%) |
#cbd4e2 |
rgb(203,212,226) |
hsl(217,28%,84%) |
#bac6d8 |
rgb(186,198,216) |
hsl(217,28%,79%) |
#aab8cf |
rgb(170,184,207) |
hsl(217,28%,74%) |
#9aabc6 |
rgb(154,171,198) |
hsl(217,28%,69%) |
#899dbd |
rgb(137,157,189) |
hsl(217,28%,64%) |
#7990b4 |
rgb(121,144,180) |
hsl(217,28%,59%) |
#6982ab |
rgb(105,130,171) |
hsl(217,28%,54%) |
#5a75a0 |
rgb(90,117,160) |
hsl(217,28%,49%) |
#516990 |
rgb(81,105,144) |
hsl(217,28%,44%) |
#485d7f |
rgb(72,93,127) |
hsl(217,28%,39%) |
#3e516f |
rgb(62,81,111) |
hsl(217,28%,34%) |
#35455f |
rgb(53,69,95) |
hsl(217,28%,29%) |
#2c394e |
rgb(44,57,78) |
hsl(217,28%,24%) |
#232d3e |
rgb(35,45,62) |
hsl(217,28%,19%) |
#1a212e |
rgb(26,33,46) |
hsl(217,28%,14%) |
#11151d |
rgb(17,21,29) |
hsl(217,28%,9%) |
#070a0d |
rgb(7,10,13) |
hsl(217,28%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#48827E |
rgb(72,130,126) |
hsl(176,29%,40%) |
#485E81 |
rgb(72,94,129) |
hsl(217,28%,39%) |
#584781 |
rgb(88,71,129) |
hsl(258,29%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#536E95 |
rgb(83,110,149) |
hsl(215,28%,45%) |
#485E81 |
rgb(72,94,129) |
hsl(217,28%,39%) |
#3C4F6C |
rgb(60,79,108) |
hsl(216,29%,33%) |
#304057 |
rgb(48,64,87) |
hsl(215,29%,26%) |
#253043 |
rgb(37,48,67) |
hsl(218,29%,20%) |
#19212E |
rgb(25,33,46) |
hsl(217,30%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#485E81 |
rgb(72,94,129) |
hsl(217,28%,39%) |
#814F48 |
rgb(129,79,72) |
hsl(7,28%,39%) |
#7A8248 |
rgb(122,130,72) |
hsl(68,29%,40%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#485E81 |
rgb(72,94,129) |
hsl(217,28%,39%) |
#816B48 |
rgb(129,107,72) |
hsl(37,28%,39%) |
#487A81 |
rgb(72,122,129) |
hsl(187,28%,39%) |
#7A8248 |
rgb(122,130,72) |
hsl(68,29%,40%) |