HEX #3F6073 color — Blue Bayoux
The color #3f6073 is a dark shade and slightly desaturated.
Palette
3f6073 color palette from light to dark
HEX |
RGB |
HSL |
#eff3f6 |
rgb(239,243,246) |
hsl(202,29%,95%) |
#dee7ed |
rgb(222,231,237) |
hsl(202,29%,90%) |
#cedce4 |
rgb(206,220,228) |
hsl(202,29%,85%) |
#bdd0db |
rgb(189,208,219) |
hsl(202,29%,80%) |
#adc4d2 |
rgb(173,196,210) |
hsl(202,29%,75%) |
#9cb8c9 |
rgb(156,184,201) |
hsl(202,29%,70%) |
#8cadc0 |
rgb(140,173,192) |
hsl(202,29%,65%) |
#7ba1b7 |
rgb(123,161,183) |
hsl(202,29%,60%) |
#6b95ae |
rgb(107,149,174) |
hsl(202,29%,55%) |
#5b89a4 |
rgb(91,137,164) |
hsl(202,29%,50%) |
#517c94 |
rgb(81,124,148) |
hsl(202,29%,45%) |
#486e84 |
rgb(72,110,132) |
hsl(202,29%,40%) |
#3f6073 |
rgb(63,96,115) |
hsl(202,29%,35%) |
#365263 |
rgb(54,82,99) |
hsl(202,29%,30%) |
#2d4552 |
rgb(45,69,82) |
hsl(202,29%,25%) |
#243742 |
rgb(36,55,66) |
hsl(202,29%,20%) |
#1b2931 |
rgb(27,41,49) |
hsl(202,29%,15%) |
#121b21 |
rgb(18,27,33) |
hsl(202,29%,10%) |
#090e10 |
rgb(9,14,16) |
hsl(202,29%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3F7363 |
rgb(63,115,99) |
hsl(162,29%,35%) |
#3F6073 |
rgb(63,96,115) |
hsl(202,29%,35%) |
#404073 |
rgb(64,64,115) |
hsl(240,28%,35%) |
Monochromatic colors
HEX |
RGB |
HSL |
#497085 |
rgb(73,112,133) |
hsl(201,29%,40%) |
#3F6073 |
rgb(63,96,115) |
hsl(202,29%,35%) |
#345260 |
rgb(52,82,96) |
hsl(199,30%,29%) |
#2A424E |
rgb(42,66,78) |
hsl(200,30%,24%) |
#20333B |
rgb(32,51,59) |
hsl(198,30%,18%) |
#162429 |
rgb(22,36,41) |
hsl(196,30%,12%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F6073 |
rgb(63,96,115) |
hsl(202,29%,35%) |
#734046 |
rgb(115,64,70) |
hsl(353,28%,35%) |
#736B3F |
rgb(115,107,63) |
hsl(51,29%,35%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F6073 |
rgb(63,96,115) |
hsl(202,29%,35%) |
#73523F |
rgb(115,82,63) |
hsl(22,29%,35%) |
#3F736C |
rgb(63,115,108) |
hsl(172,29%,35%) |
#736B3F |
rgb(115,107,63) |
hsl(51,29%,35%) |