HEX #485E7E color — Blue Bayoux
The color #485E7E is a dark shade and slightly desaturated.
Palette
485E7E color palette from light to dark
HEX |
RGB |
HSL |
#fcfcfd |
rgb(252,252,253) |
hsl(216,27%,99%) |
#eceff4 |
rgb(236,239,244) |
hsl(216,27%,94%) |
#dbe1eb |
rgb(219,225,235) |
hsl(216,27%,89%) |
#cbd4e1 |
rgb(203,212,225) |
hsl(216,27%,84%) |
#bbc7d8 |
rgb(187,199,216) |
hsl(216,27%,79%) |
#abb9cf |
rgb(171,185,207) |
hsl(216,27%,74%) |
#9bacc5 |
rgb(155,172,197) |
hsl(216,27%,69%) |
#8a9ebc |
rgb(138,158,188) |
hsl(216,27%,64%) |
#7a91b3 |
rgb(122,145,179) |
hsl(216,27%,59%) |
#6a83a9 |
rgb(106,131,169) |
hsl(216,27%,54%) |
#5b769f |
rgb(91,118,159) |
hsl(216,27%,49%) |
#526a8e |
rgb(82,106,142) |
hsl(216,27%,44%) |
#495e7e |
rgb(73,94,126) |
hsl(216,27%,39%) |
#3f526e |
rgb(63,82,110) |
hsl(216,27%,34%) |
#36465e |
rgb(54,70,94) |
hsl(216,27%,29%) |
#2d3a4e |
rgb(45,58,78) |
hsl(216,27%,24%) |
#232e3e |
rgb(35,46,62) |
hsl(216,27%,19%) |
#1a222d |
rgb(26,34,45) |
hsl(216,27%,14%) |
#11161d |
rgb(17,22,29) |
hsl(216,27%,9%) |
#070a0d |
rgb(7,10,13) |
hsl(216,27%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#487D7A |
rgb(72,125,122) |
hsl(177,27%,39%) |
#485E7E |
rgb(72,94,126) |
hsl(216,27%,39%) |
#56477E |
rgb(86,71,126) |
hsl(256,28%,39%) |
Monochromatic colors
HEX |
RGB |
HSL |
#536E92 |
rgb(83,110,146) |
hsl(214,28%,45%) |
#485E7E |
rgb(72,94,126) |
hsl(216,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 |
#485E7E |
rgb(72,94,126) |
hsl(216,27%,39%) |
#7E4D48 |
rgb(126,77,72) |
hsl(6,27%,39%) |
#797D48 |
rgb(121,125,72) |
hsl(65,27%,39%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#485E7E |
rgb(72,94,126) |
hsl(216,27%,39%) |
#7E6948 |
rgb(126,105,72) |
hsl(37,27%,39%) |
#48787E |
rgb(72,120,126) |
hsl(187,27%,39%) |
#797D48 |
rgb(121,125,72) |
hsl(65,27%,39%) |