HEX #3F5E73 color — Blue Bayoux
The color #3f5e73 is a dark shade and slightly desaturated.
Palette
3f5e73 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 |
#3F7365 |
rgb(63,115,101) |
hsl(164,29%,35%) |
#3F5E73 |
rgb(63,94,115) |
hsl(204,29%,35%) |
#424073 |
rgb(66,64,115) |
hsl(242,28%,35%) |
Monochromatic colors
HEX |
RGB |
HSL |
#496E85 |
rgb(73,110,133) |
hsl(203,29%,40%) |
#3F5E73 |
rgb(63,94,115) |
hsl(204,29%,35%) |
#344F60 |
rgb(52,79,96) |
hsl(203,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 |
#3F5E73 |
rgb(63,94,115) |
hsl(204,29%,35%) |
#734044 |
rgb(115,64,68) |
hsl(355,28%,35%) |
#736E3F |
rgb(115,110,63) |
hsl(54,29%,35%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F5E73 |
rgb(63,94,115) |
hsl(204,29%,35%) |
#73543F |
rgb(115,84,63) |
hsl(24,29%,35%) |
#3F736E |
rgb(63,115,110) |
hsl(174,29%,35%) |
#736E3F |
rgb(115,110,63) |
hsl(54,29%,35%) |