HEX #3F5E72 color — Blue Bayoux
The color #3F5E72 is a dark shade and slightly desaturated.
Palette
3F5E72 color palette from light to dark
HEX |
RGB |
HSL |
#eff3f6 |
rgb(239,243,246) |
hsl(204,29%,95%) |
#dee7ed |
rgb(222,231,237) |
hsl(204,29%,90%) |
#cedbe4 |
rgb(206,219,228) |
hsl(204,29%,85%) |
#bdcfdb |
rgb(189,207,219) |
hsl(204,29%,80%) |
#adc3d2 |
rgb(173,195,210) |
hsl(204,29%,75%) |
#9cb7c9 |
rgb(156,183,201) |
hsl(204,29%,70%) |
#8cabc0 |
rgb(140,171,192) |
hsl(204,29%,65%) |
#7b9fb7 |
rgb(123,159,183) |
hsl(204,29%,60%) |
#6b93ae |
rgb(107,147,174) |
hsl(204,29%,55%) |
#5b87a4 |
rgb(91,135,164) |
hsl(204,29%,50%) |
#517994 |
rgb(81,121,148) |
hsl(204,29%,45%) |
#486c84 |
rgb(72,108,132) |
hsl(204,29%,40%) |
#3f5e73 |
rgb(63,94,115) |
hsl(204,29%,35%) |
#365163 |
rgb(54,81,99) |
hsl(204,29%,30%) |
#2d4352 |
rgb(45,67,82) |
hsl(204,29%,25%) |
#243642 |
rgb(36,54,66) |
hsl(204,29%,20%) |
#1b2831 |
rgb(27,40,49) |
hsl(204,29%,15%) |
#121b21 |
rgb(18,27,33) |
hsl(204,29%,10%) |
#090d10 |
rgb(9,13,16) |
hsl(204,29%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3F7364 |
rgb(63,115,100) |
hsl(163,29%,35%) |
#3F5E72 |
rgb(63,94,114) |
hsl(204,29%,35%) |
#424072 |
rgb(66,64,114) |
hsl(242,28%,35%) |
Monochromatic colors
HEX |
RGB |
HSL |
#496E84 |
rgb(73,110,132) |
hsl(202,29%,40%) |
#3F5E72 |
rgb(63,94,114) |
hsl(204,29%,35%) |
#344F5F |
rgb(52,79,95) |
hsl(202,29%,29%) |
#2A404D |
rgb(42,64,77) |
hsl(202,29%,23%) |
#20303B |
rgb(32,48,59) |
hsl(204,30%,18%) |
#162129 |
rgb(22,33,41) |
hsl(205,30%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F5E72 |
rgb(63,94,114) |
hsl(204,29%,35%) |
#724044 |
rgb(114,64,68) |
hsl(355,28%,35%) |
#726E3F |
rgb(114,110,63) |
hsl(55,29%,35%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F5E72 |
rgb(63,94,114) |
hsl(204,29%,35%) |
#72543F |
rgb(114,84,63) |
hsl(25,29%,35%) |
#3F736C |
rgb(63,115,108) |
hsl(172,29%,35%) |
#726E3F |
rgb(114,110,63) |
hsl(55,29%,35%) |