HEX #485E78 color — Blue Bayoux
The color #485E78 is a dark shade and slightly desaturated.
Palette
485E78 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(213,25%,98%) |
#e9edf2 |
rgb(233,237,242) |
hsl(213,25%,93%) |
#d9e0e8 |
rgb(217,224,232) |
hsl(213,25%,88%) |
#c9d3de |
rgb(201,211,222) |
hsl(213,25%,83%) |
#b9c5d5 |
rgb(185,197,213) |
hsl(213,25%,78%) |
#a9b8cb |
rgb(169,184,203) |
hsl(213,25%,73%) |
#99abc2 |
rgb(153,171,194) |
hsl(213,25%,68%) |
#899eb8 |
rgb(137,158,184) |
hsl(213,25%,63%) |
#7991af |
rgb(121,145,175) |
hsl(213,25%,58%) |
#6984a5 |
rgb(105,132,165) |
hsl(213,25%,53%) |
#5c7799 |
rgb(92,119,153) |
hsl(213,25%,48%) |
#526b89 |
rgb(82,107,137) |
hsl(213,25%,43%) |
#495e79 |
rgb(73,94,121) |
hsl(213,25%,38%) |
#3f5269 |
rgb(63,82,105) |
hsl(213,25%,33%) |
#364659 |
rgb(54,70,89) |
hsl(213,25%,28%) |
#2c3949 |
rgb(44,57,73) |
hsl(213,25%,23%) |
#222d39 |
rgb(34,45,57) |
hsl(213,25%,18%) |
#192029 |
rgb(25,32,41) |
hsl(213,25%,13%) |
#0f141a |
rgb(15,20,26) |
hsl(213,25%,8%) |
#06070a |
rgb(6,7,10) |
hsl(213,25%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#487872 |
rgb(72,120,114) |
hsl(173,25%,38%) |
#485E78 |
rgb(72,94,120) |
hsl(213,25%,38%) |
#524778 |
rgb(82,71,120) |
hsl(253,26%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#536E8B |
rgb(83,110,139) |
hsl(211,25%,44%) |
#485E78 |
rgb(72,94,120) |
hsl(213,25%,38%) |
#3C4F64 |
rgb(60,79,100) |
hsl(212,25%,31%) |
#304051 |
rgb(48,64,81) |
hsl(211,26%,25%) |
#25303E |
rgb(37,48,62) |
hsl(214,25%,19%) |
#19212B |
rgb(25,33,43) |
hsl(213,26%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#485E78 |
rgb(72,94,120) |
hsl(213,25%,38%) |
#784A48 |
rgb(120,74,72) |
hsl(3,25%,38%) |
#767848 |
rgb(118,120,72) |
hsl(63,25%,38%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#485E78 |
rgb(72,94,120) |
hsl(213,25%,38%) |
#786148 |
rgb(120,97,72) |
hsl(31,25%,38%) |
#487578 |
rgb(72,117,120) |
hsl(184,25%,38%) |
#767848 |
rgb(118,120,72) |
hsl(63,25%,38%) |