HEX #485C75 color — Blue Bayoux
The color #485C75 is a dark shade and slightly desaturated.
Palette
485C75 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f9 |
rgb(246,247,249) |
hsl(213,24%,97%) |
#e6eaef |
rgb(230,234,239) |
hsl(213,24%,92%) |
#d6dde6 |
rgb(214,221,230) |
hsl(213,24%,87%) |
#c6d0dc |
rgb(198,208,220) |
hsl(213,24%,82%) |
#b6c3d2 |
rgb(182,195,210) |
hsl(213,24%,77%) |
#a6b6c9 |
rgb(166,182,201) |
hsl(213,24%,72%) |
#97a9bf |
rgb(151,169,191) |
hsl(213,24%,67%) |
#879cb5 |
rgb(135,156,181) |
hsl(213,24%,62%) |
#778fac |
rgb(119,143,172) |
hsl(213,24%,57%) |
#6782a2 |
rgb(103,130,162) |
hsl(213,24%,52%) |
#5b7595 |
rgb(91,117,149) |
hsl(213,24%,47%) |
#516985 |
rgb(81,105,133) |
hsl(213,24%,42%) |
#485c75 |
rgb(72,92,117) |
hsl(213,24%,37%) |
#3e5065 |
rgb(62,80,101) |
hsl(213,24%,32%) |
#344355 |
rgb(52,67,85) |
hsl(213,24%,27%) |
#2b3746 |
rgb(43,55,70) |
hsl(213,24%,22%) |
#212a36 |
rgb(33,42,54) |
hsl(213,24%,17%) |
#171e26 |
rgb(23,30,38) |
hsl(213,24%,12%) |
#0e1116 |
rgb(14,17,22) |
hsl(213,24%,7%) |
#040506 |
rgb(4,5,6) |
hsl(213,24%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#487570 |
rgb(72,117,112) |
hsl(173,24%,37%) |
#485C75 |
rgb(72,92,117) |
hsl(213,24%,37%) |
#524775 |
rgb(82,71,117) |
hsl(254,24%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#536B87 |
rgb(83,107,135) |
hsl(212,24%,43%) |
#485C75 |
rgb(72,92,117) |
hsl(213,24%,37%) |
#3C4D62 |
rgb(60,77,98) |
hsl(213,24%,31%) |
#30404F |
rgb(48,64,79) |
hsl(209,24%,25%) |
#25303C |
rgb(37,48,60) |
hsl(211,24%,19%) |
#19212A |
rgb(25,33,42) |
hsl(212,25%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#485C75 |
rgb(72,92,117) |
hsl(213,24%,37%) |
#754A48 |
rgb(117,74,72) |
hsl(3,24%,37%) |
#727548 |
rgb(114,117,72) |
hsl(64,24%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#485C75 |
rgb(72,92,117) |
hsl(213,24%,37%) |
#756148 |
rgb(117,97,72) |
hsl(33,24%,37%) |
#487375 |
rgb(72,115,117) |
hsl(183,24%,37%) |
#727548 |
rgb(114,117,72) |
hsl(64,24%,37%) |