HEX #3F5C72 color — Blue Bayoux
The color #3F5C72 is a dark shade and slightly desaturated.
Palette
3F5C72 color palette from light to dark
HEX |
RGB |
HSL |
#eff3f6 |
rgb(239,243,246) |
hsl(206,29%,95%) |
#dee6ed |
rgb(222,230,237) |
hsl(206,29%,90%) |
#cedae4 |
rgb(206,218,228) |
hsl(206,29%,85%) |
#bdcedb |
rgb(189,206,219) |
hsl(206,29%,80%) |
#adc2d2 |
rgb(173,194,210) |
hsl(206,29%,75%) |
#9cb5c9 |
rgb(156,181,201) |
hsl(206,29%,70%) |
#8ca9c0 |
rgb(140,169,192) |
hsl(206,29%,65%) |
#7b9db7 |
rgb(123,157,183) |
hsl(206,29%,60%) |
#6b91ae |
rgb(107,145,174) |
hsl(206,29%,55%) |
#5b84a4 |
rgb(91,132,164) |
hsl(206,29%,50%) |
#517794 |
rgb(81,119,148) |
hsl(206,29%,45%) |
#486a84 |
rgb(72,106,132) |
hsl(206,29%,40%) |
#3f5d73 |
rgb(63,93,115) |
hsl(206,29%,35%) |
#364f63 |
rgb(54,79,99) |
hsl(206,29%,30%) |
#2d4252 |
rgb(45,66,82) |
hsl(206,29%,25%) |
#243542 |
rgb(36,53,66) |
hsl(206,29%,20%) |
#1b2831 |
rgb(27,40,49) |
hsl(206,29%,15%) |
#121a21 |
rgb(18,26,33) |
hsl(206,29%,10%) |
#090d10 |
rgb(9,13,16) |
hsl(206,29%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3F7366 |
rgb(63,115,102) |
hsl(165,29%,35%) |
#3F5C72 |
rgb(63,92,114) |
hsl(206,29%,35%) |
#444072 |
rgb(68,64,114) |
hsl(245,28%,35%) |
Monochromatic colors
HEX |
RGB |
HSL |
#496B84 |
rgb(73,107,132) |
hsl(205,29%,40%) |
#3F5C72 |
rgb(63,92,114) |
hsl(206,29%,35%) |
#344D5F |
rgb(52,77,95) |
hsl(205,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 |
#3F5C72 |
rgb(63,92,114) |
hsl(206,29%,35%) |
#724042 |
rgb(114,64,66) |
hsl(358,28%,35%) |
#726E3F |
rgb(114,110,63) |
hsl(55,29%,35%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F5C72 |
rgb(63,92,114) |
hsl(206,29%,35%) |
#72543F |
rgb(114,84,63) |
hsl(25,29%,35%) |
#3F736E |
rgb(63,115,110) |
hsl(174,29%,35%) |
#726E3F |
rgb(114,110,63) |
hsl(55,29%,35%) |