HEX #485E7D color — Blue Bayoux
The color #485E7D is a dark shade and slightly desaturated.
Palette
485E7D color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(215,27%,99%) |
#eceff4 |
rgb(236,239,244) |
hsl(215,27%,94%) |
#dbe2eb |
rgb(219,226,235) |
hsl(215,27%,89%) |
#cbd4e1 |
rgb(203,212,225) |
hsl(215,27%,84%) |
#bbc7d8 |
rgb(187,199,216) |
hsl(215,27%,79%) |
#abbacf |
rgb(171,186,207) |
hsl(215,27%,74%) |
#9bacc5 |
rgb(155,172,197) |
hsl(215,27%,69%) |
#8a9fbc |
rgb(138,159,188) |
hsl(215,27%,64%) |
#7a92b3 |
rgb(122,146,179) |
hsl(215,27%,59%) |
#6a84a9 |
rgb(106,132,169) |
hsl(215,27%,54%) |
#5b779f |
rgb(91,119,159) |
hsl(215,27%,49%) |
#526b8e |
rgb(82,107,142) |
hsl(215,27%,44%) |
#495f7e |
rgb(73,95,126) |
hsl(215,27%,39%) |
#3f536e |
rgb(63,83,110) |
hsl(215,27%,34%) |
#36475e |
rgb(54,71,94) |
hsl(215,27%,29%) |
#2d3a4e |
rgb(45,58,78) |
hsl(215,27%,24%) |
#232e3e |
rgb(35,46,62) |
hsl(215,27%,19%) |
#1a222d |
rgb(26,34,45) |
hsl(215,27%,14%) |
#11161d |
rgb(17,22,29) |
hsl(215,27%,9%) |
#070a0d |
rgb(7,10,13) |
hsl(215,27%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#487D78 |
rgb(72,125,120) |
hsl(174,27%,39%) |
#485E7D |
rgb(72,94,125) |
hsl(215,27%,39%) |
#55477D |
rgb(85,71,125) |
hsl(256,28%,38%) |
Monochromatic colors
HEX |
RGB |
HSL |
#536E91 |
rgb(83,110,145) |
hsl(214,27%,45%) |
#485E7D |
rgb(72,94,125) |
hsl(215,27%,39%) |
#3C4F69 |
rgb(60,79,105) |
hsl(215,27%,32%) |
#304055 |
rgb(48,64,85) |
hsl(214,28%,26%) |
#253041 |
rgb(37,48,65) |
hsl(216,27%,20%) |
#19212D |
rgb(25,33,45) |
hsl(216,29%,14%) |
Triad color palettes
HEX |
RGB |
HSL |
#485E7D |
rgb(72,94,125) |
hsl(215,27%,39%) |
#7D4D48 |
rgb(125,77,72) |
hsl(6,27%,39%) |
#787D48 |
rgb(120,125,72) |
hsl(66,27%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#485E7D |
rgb(72,94,125) |
hsl(215,27%,39%) |
#7D6648 |
rgb(125,102,72) |
hsl(34,27%,39%) |
#48787D |
rgb(72,120,125) |
hsl(186,27%,39%) |
#787D48 |
rgb(120,125,72) |
hsl(66,27%,39%) |