HEX #485E75 color — Blue Bayoux
The color #485E75 is a dark shade and slightly desaturated.
Palette
485E75 color palette from light to dark
HEX |
RGB |
HSL |
#f6f7f9 |
rgb(246,247,249) |
hsl(211,24%,97%) |
#e6eaef |
rgb(230,234,239) |
hsl(211,24%,92%) |
#d6dee6 |
rgb(214,222,230) |
hsl(211,24%,87%) |
#c6d1dc |
rgb(198,209,220) |
hsl(211,24%,82%) |
#b6c4d2 |
rgb(182,196,210) |
hsl(211,24%,77%) |
#a6b7c9 |
rgb(166,183,201) |
hsl(211,24%,72%) |
#97aabf |
rgb(151,170,191) |
hsl(211,24%,67%) |
#879db5 |
rgb(135,157,181) |
hsl(211,24%,62%) |
#7790ac |
rgb(119,144,172) |
hsl(211,24%,57%) |
#6784a2 |
rgb(103,132,162) |
hsl(211,24%,52%) |
#5b7795 |
rgb(91,119,149) |
hsl(211,24%,47%) |
#516a85 |
rgb(81,106,133) |
hsl(211,24%,42%) |
#485e75 |
rgb(72,94,117) |
hsl(211,24%,37%) |
#3e5165 |
rgb(62,81,101) |
hsl(211,24%,32%) |
#344455 |
rgb(52,68,85) |
hsl(211,24%,27%) |
#2b3846 |
rgb(43,56,70) |
hsl(211,24%,22%) |
#212b36 |
rgb(33,43,54) |
hsl(211,24%,17%) |
#171e26 |
rgb(23,30,38) |
hsl(211,24%,12%) |
#0e1216 |
rgb(14,18,22) |
hsl(211,24%,7%) |
#040506 |
rgb(4,5,6) |
hsl(211,24%,2%) |
Adjacent colors
HEX |
RGB |
HSL |
#48756E |
rgb(72,117,110) |
hsl(171,24%,37%) |
#485E75 |
rgb(72,94,117) |
hsl(211,24%,37%) |
#504775 |
rgb(80,71,117) |
hsl(252,24%,37%) |
Monochromatic colors
HEX |
RGB |
HSL |
#536E87 |
rgb(83,110,135) |
hsl(209,24%,43%) |
#485E75 |
rgb(72,94,117) |
hsl(211,24%,37%) |
#3C4F62 |
rgb(60,79,98) |
hsl(210,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 |
#485E75 |
rgb(72,94,117) |
hsl(211,24%,37%) |
#754748 |
rgb(117,71,72) |
hsl(359,24%,37%) |
#747548 |
rgb(116,117,72) |
hsl(61,24%,37%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#485E75 |
rgb(72,94,117) |
hsl(211,24%,37%) |
#755E48 |
rgb(117,94,72) |
hsl(29,24%,37%) |
#487575 |
rgb(72,117,117) |
hsl(180,24%,37%) |
#747548 |
rgb(116,117,72) |
hsl(61,24%,37%) |