HEX #3F6F78 color — Faded Jade
The color #3f6f78 is a dark shade and slightly desaturated.
Palette
3f6f78 color palette from light to dark
HEX |
RGB |
HSL |
#f2f7f8 |
rgb(242,247,248) |
hsl(189,31%,96%) |
#e1edef |
rgb(225,237,239) |
hsl(189,31%,91%) |
#d0e3e6 |
rgb(208,227,230) |
hsl(189,31%,86%) |
#c0d9de |
rgb(192,217,222) |
hsl(189,31%,81%) |
#afcfd5 |
rgb(175,207,213) |
hsl(189,31%,76%) |
#9ec5cc |
rgb(158,197,204) |
hsl(189,31%,71%) |
#8dbbc3 |
rgb(141,187,195) |
hsl(189,31%,66%) |
#7db1ba |
rgb(125,177,186) |
hsl(189,31%,61%) |
#6ca7b2 |
rgb(108,167,178) |
hsl(189,31%,56%) |
#5b9da9 |
rgb(91,157,169) |
hsl(189,31%,51%) |
#518f9a |
rgb(81,143,154) |
hsl(189,31%,46%) |
#487f89 |
rgb(72,127,137) |
hsl(189,31%,41%) |
#3f7078 |
rgb(63,112,120) |
hsl(189,31%,36%) |
#376068 |
rgb(55,96,104) |
hsl(189,31%,31%) |
#2e5157 |
rgb(46,81,87) |
hsl(189,31%,26%) |
#254146 |
rgb(37,65,70) |
hsl(189,31%,21%) |
#1c3235 |
rgb(28,50,53) |
hsl(189,31%,16%) |
#132225 |
rgb(19,34,37) |
hsl(189,31%,11%) |
#0b1314 |
rgb(11,19,20) |
hsl(189,31%,6%) |
#020303 |
rgb(2,3,3) |
hsl(189,31%,1%) |
Adjacent colors
HEX |
RGB |
HSL |
#3F785B |
rgb(63,120,91) |
hsl(149,31%,36%) |
#3F6F78 |
rgb(63,111,120) |
hsl(189,31%,36%) |
#3F4A78 |
rgb(63,74,120) |
hsl(228,31%,36%) |
Monochromatic colors
HEX |
RGB |
HSL |
#49808B |
rgb(73,128,139) |
hsl(190,31%,42%) |
#3F6F78 |
rgb(63,111,120) |
hsl(189,31%,36%) |
#345E64 |
rgb(52,94,100) |
hsl(188,32%,30%) |
#2A4D51 |
rgb(42,77,81) |
hsl(186,32%,24%) |
#203B3E |
rgb(32,59,62) |
hsl(186,32%,18%) |
#16292B |
rgb(22,41,43) |
hsl(186,32%,13%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F6F78 |
rgb(63,111,120) |
hsl(189,31%,36%) |
#784052 |
rgb(120,64,82) |
hsl(341,30%,36%) |
#78633F |
rgb(120,99,63) |
hsl(38,31%,36%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F6F78 |
rgb(63,111,120) |
hsl(189,31%,36%) |
#78473F |
rgb(120,71,63) |
hsl(8,31%,36%) |
#3F7864 |
rgb(63,120,100) |
hsl(159,31%,36%) |
#78633F |
rgb(120,99,63) |
hsl(38,31%,36%) |