HEX #3F5E75 color — Blue Bayoux
The color #3F5E75 is a dark shade and slightly desaturated.
Palette
3F5E75 color palette from light to dark
HEX |
RGB |
HSL |
#eef3f6 |
rgb(238,243,246) |
hsl(206,30%,95%) |
#dee7ed |
rgb(222,231,237) |
hsl(206,30%,90%) |
#cddae4 |
rgb(205,218,228) |
hsl(206,30%,85%) |
#bdcedb |
rgb(189,206,219) |
hsl(206,30%,80%) |
#acc2d2 |
rgb(172,194,210) |
hsl(206,30%,75%) |
#9cb6c9 |
rgb(156,182,201) |
hsl(206,30%,70%) |
#8ba9c1 |
rgb(139,169,193) |
hsl(206,30%,65%) |
#7a9db8 |
rgb(122,157,184) |
hsl(206,30%,60%) |
#6a91af |
rgb(106,145,175) |
hsl(206,30%,55%) |
#5985a6 |
rgb(89,133,166) |
hsl(206,30%,50%) |
#507795 |
rgb(80,119,149) |
hsl(206,30%,45%) |
#476a85 |
rgb(71,106,133) |
hsl(206,30%,40%) |
#3e5d74 |
rgb(62,93,116) |
hsl(206,30%,35%) |
#365063 |
rgb(54,80,99) |
hsl(206,30%,30%) |
#2d4253 |
rgb(45,66,83) |
hsl(206,30%,25%) |
#243542 |
rgb(36,53,66) |
hsl(206,30%,20%) |
#1b2832 |
rgb(27,40,50) |
hsl(206,30%,15%) |
#121b21 |
rgb(18,27,33) |
hsl(206,30%,10%) |
#090d11 |
rgb(9,13,17) |
hsl(206,30%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3F7568 |
rgb(63,117,104) |
hsl(166,30%,35%) |
#3F5E75 |
rgb(63,94,117) |
hsl(206,30%,35%) |
#444075 |
rgb(68,64,117) |
hsl(245,29%,35%) |
Monochromatic colors
HEX |
RGB |
HSL |
#496E87 |
rgb(73,110,135) |
hsl(204,30%,41%) |
#3F5E75 |
rgb(63,94,117) |
hsl(206,30%,35%) |
#344F62 |
rgb(52,79,98) |
hsl(205,31%,29%) |
#2A404F |
rgb(42,64,79) |
hsl(204,31%,24%) |
#20303C |
rgb(32,48,60) |
hsl(206,30%,18%) |
#16212A |
rgb(22,33,42) |
hsl(207,31%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F5E75 |
rgb(63,94,117) |
hsl(206,30%,35%) |
#754043 |
rgb(117,64,67) |
hsl(357,29%,35%) |
#75703F |
rgb(117,112,63) |
hsl(54,30%,35%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F5E75 |
rgb(63,94,117) |
hsl(206,30%,35%) |
#75573F |
rgb(117,87,63) |
hsl(27,30%,35%) |
#3F7571 |
rgb(63,117,113) |
hsl(176,30%,35%) |
#75703F |
rgb(117,112,63) |
hsl(54,30%,35%) |