HEX #485A75 color — Blue Bayoux
The color #485a75 is a dark shade and slightly desaturated.
Palette
485a75 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f9 |
rgb(246,247,249) |
hsl(216,24%,97%) |
#e6eaef |
rgb(230,234,239) |
hsl(216,24%,92%) |
#d6dce6 |
rgb(214,220,230) |
hsl(216,24%,87%) |
#c6cfdc |
rgb(198,207,220) |
hsl(216,24%,82%) |
#b6c2d2 |
rgb(182,194,210) |
hsl(216,24%,77%) |
#a6b4c9 |
rgb(166,180,201) |
hsl(216,24%,72%) |
#97a7bf |
rgb(151,167,191) |
hsl(216,24%,67%) |
#8799b5 |
rgb(135,153,181) |
hsl(216,24%,62%) |
#778cac |
rgb(119,140,172) |
hsl(216,24%,57%) |
#677fa2 |
rgb(103,127,162) |
hsl(216,24%,52%) |
#5b7295 |
rgb(91,114,149) |
hsl(216,24%,47%) |
#516685 |
rgb(81,102,133) |
hsl(216,24%,42%) |
#485a75 |
rgb(72,90,117) |
hsl(216,24%,37%) |
#3e4e65 |
rgb(62,78,101) |
hsl(216,24%,32%) |
#344255 |
rgb(52,66,85) |
hsl(216,24%,27%) |
#2b3546 |
rgb(43,53,70) |
hsl(216,24%,22%) |
#212936 |
rgb(33,41,54) |
hsl(216,24%,17%) |
#171d26 |
rgb(23,29,38) |
hsl(216,24%,12%) |
#0e1116 |
rgb(14,17,22) |
hsl(216,24%,7%) |
#040506 |
rgb(4,5,6) |
hsl(216,24%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#487572 |
rgb(72,117,114) |
hsl(176,24%,37%) |
#485A75 |
rgb(72,90,117) |
hsl(216,24%,37%) |
#544775 |
rgb(84,71,117) |
hsl(257,24%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#536987 |
rgb(83,105,135) |
hsl(215,24%,43%) |
#485A75 |
rgb(72,90,117) |
hsl(216,24%,37%) |
#3C4D62 |
rgb(60,77,98) |
hsl(213,24%,31%) |
#303D4F |
rgb(48,61,79) |
hsl(215,24%,25%) |
#252E3C |
rgb(37,46,60) |
hsl(217,24%,19%) |
#19212A |
rgb(25,33,42) |
hsl(212,25%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#485A75 |
rgb(72,90,117) |
hsl(216,24%,37%) |
#754D48 |
rgb(117,77,72) |
hsl(7,24%,37%) |
#707548 |
rgb(112,117,72) |
hsl(67,24%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#485A75 |
rgb(72,90,117) |
hsl(216,24%,37%) |
#756348 |
rgb(117,99,72) |
hsl(36,24%,37%) |
#487075 |
rgb(72,112,117) |
hsl(187,24%,37%) |
#707548 |
rgb(112,117,72) |
hsl(67,24%,37%) |