HEX #3F5C73 color — Blue Bayoux
The color #3F5C73 is a dark shade and slightly desaturated.
Palette
3F5C73 color palette from light to dark
HEX |
RGB |
HSL |
#eff3f6 |
rgb(239,243,246) |
hsl(207,29%,95%) |
#dee6ed |
rgb(222,230,237) |
hsl(207,29%,90%) |
#cedae4 |
rgb(206,218,228) |
hsl(207,29%,85%) |
#bdcddb |
rgb(189,205,219) |
hsl(207,29%,80%) |
#adc1d2 |
rgb(173,193,210) |
hsl(207,29%,75%) |
#9cb5c9 |
rgb(156,181,201) |
hsl(207,29%,70%) |
#8ca8c0 |
rgb(140,168,192) |
hsl(207,29%,65%) |
#7b9cb7 |
rgb(123,156,183) |
hsl(207,29%,60%) |
#6b90ae |
rgb(107,144,174) |
hsl(207,29%,55%) |
#5b83a4 |
rgb(91,131,164) |
hsl(207,29%,50%) |
#517694 |
rgb(81,118,148) |
hsl(207,29%,45%) |
#486984 |
rgb(72,105,132) |
hsl(207,29%,40%) |
#3f5c73 |
rgb(63,92,115) |
hsl(207,29%,35%) |
#364f63 |
rgb(54,79,99) |
hsl(207,29%,30%) |
#2d4252 |
rgb(45,66,82) |
hsl(207,29%,25%) |
#243442 |
rgb(36,52,66) |
hsl(207,29%,20%) |
#1b2731 |
rgb(27,39,49) |
hsl(207,29%,15%) |
#121a21 |
rgb(18,26,33) |
hsl(207,29%,10%) |
#090d10 |
rgb(9,13,16) |
hsl(207,29%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3F7367 |
rgb(63,115,103) |
hsl(166,29%,35%) |
#3F5C73 |
rgb(63,92,115) |
hsl(207,29%,35%) |
#444073 |
rgb(68,64,115) |
hsl(245,28%,35%) |
Monochromatic colors
HEX |
RGB |
HSL |
#496B85 |
rgb(73,107,133) |
hsl(206,29%,40%) |
#3F5C73 |
rgb(63,92,115) |
hsl(207,29%,35%) |
#344D60 |
rgb(52,77,96) |
hsl(206,30%,29%) |
#2A404E |
rgb(42,64,78) |
hsl(203,30%,24%) |
#20303B |
rgb(32,48,59) |
hsl(204,30%,18%) |
#162129 |
rgb(22,33,41) |
hsl(205,30%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F5C73 |
rgb(63,92,115) |
hsl(207,29%,35%) |
#734042 |
rgb(115,64,66) |
hsl(358,28%,35%) |
#73703F |
rgb(115,112,63) |
hsl(57,29%,35%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F5C73 |
rgb(63,92,115) |
hsl(207,29%,35%) |
#73573F |
rgb(115,87,63) |
hsl(28,29%,35%) |
#3F7370 |
rgb(63,115,112) |
hsl(177,29%,35%) |
#73703F |
rgb(115,112,63) |
hsl(57,29%,35%) |