HEX #3F5E78 color — Blue Bayoux
The color #3f5e78 is a dark shade and slightly desaturated.
Palette
3f5e78 color palette from light to dark
HEX |
RGB |
HSL |
#f2f5f8 |
rgb(242,245,248) |
hsl(207,31%,96%) |
#e1e9ef |
rgb(225,233,239) |
hsl(207,31%,91%) |
#d0dce6 |
rgb(208,220,230) |
hsl(207,31%,86%) |
#c0d0de |
rgb(192,208,222) |
hsl(207,31%,81%) |
#afc4d5 |
rgb(175,196,213) |
hsl(207,31%,76%) |
#9eb7cc |
rgb(158,183,204) |
hsl(207,31%,71%) |
#8dabc3 |
rgb(141,171,195) |
hsl(207,31%,66%) |
#7d9fba |
rgb(125,159,186) |
hsl(207,31%,61%) |
#6c92b2 |
rgb(108,146,178) |
hsl(207,31%,56%) |
#5b86a9 |
rgb(91,134,169) |
hsl(207,31%,51%) |
#51799a |
rgb(81,121,154) |
hsl(207,31%,46%) |
#486c89 |
rgb(72,108,137) |
hsl(207,31%,41%) |
#3f5f78 |
rgb(63,95,120) |
hsl(207,31%,36%) |
#375268 |
rgb(55,82,104) |
hsl(207,31%,31%) |
#2e4457 |
rgb(46,68,87) |
hsl(207,31%,26%) |
#253746 |
rgb(37,55,70) |
hsl(207,31%,21%) |
#1c2a35 |
rgb(28,42,53) |
hsl(207,31%,16%) |
#131d25 |
rgb(19,29,37) |
hsl(207,31%,11%) |
#0b1014 |
rgb(11,16,20) |
hsl(207,31%,6%) |
#020303 |
rgb(2,3,3) |
hsl(207,31%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3F786C |
rgb(63,120,108) |
hsl(167,31%,36%) |
#3F5E78 |
rgb(63,94,120) |
hsl(207,31%,36%) |
#464078 |
rgb(70,64,120) |
hsl(246,30%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#496E8B |
rgb(73,110,139) |
hsl(206,31%,42%) |
#3F5E78 |
rgb(63,94,120) |
hsl(207,31%,36%) |
#344F64 |
rgb(52,79,100) |
hsl(206,32%,30%) |
#2A4051 |
rgb(42,64,81) |
hsl(206,32%,24%) |
#20303E |
rgb(32,48,62) |
hsl(208,32%,18%) |
#16212B |
rgb(22,33,43) |
hsl(209,32%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F5E78 |
rgb(63,94,120) |
hsl(207,31%,36%) |
#784041 |
rgb(120,64,65) |
hsl(359,30%,36%) |
#78753F |
rgb(120,117,63) |
hsl(57,31%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F5E78 |
rgb(63,94,120) |
hsl(207,31%,36%) |
#78593F |
rgb(120,89,63) |
hsl(27,31%,36%) |
#3F7875 |
rgb(63,120,117) |
hsl(177,31%,36%) |
#78753F |
rgb(120,117,63) |
hsl(57,31%,36%) |