HEX #3F575A color — Limed Spruce
The color #3f575a is a dark shade and slightly desaturated.
Palette
3f575a color palette from light to dark
HEX |
RGB |
HSL |
#f0f4f5 |
rgb(240,244,245) |
hsl(187,18%,95%) |
#e1e9ea |
rgb(225,233,234) |
hsl(187,18%,90%) |
#d2dee0 |
rgb(210,222,224) |
hsl(187,18%,85%) |
#c3d3d5 |
rgb(195,211,213) |
hsl(187,18%,80%) |
#b4c8cb |
rgb(180,200,203) |
hsl(187,18%,75%) |
#a5bdc0 |
rgb(165,189,192) |
hsl(187,18%,70%) |
#96b2b6 |
rgb(150,178,182) |
hsl(187,18%,65%) |
#87a7ab |
rgb(135,167,171) |
hsl(187,18%,60%) |
#789ca1 |
rgb(120,156,161) |
hsl(187,18%,55%) |
#699196 |
rgb(105,145,150) |
hsl(187,18%,50%) |
#5e8387 |
rgb(94,131,135) |
hsl(187,18%,45%) |
#547478 |
rgb(84,116,120) |
hsl(187,18%,40%) |
#496669 |
rgb(73,102,105) |
hsl(187,18%,35%) |
#3f575a |
rgb(63,87,90) |
hsl(187,18%,30%) |
#34494b |
rgb(52,73,75) |
hsl(187,18%,25%) |
#2a3a3c |
rgb(42,58,60) |
hsl(187,18%,20%) |
#1f2c2d |
rgb(31,44,45) |
hsl(187,18%,15%) |
#151d1e |
rgb(21,29,30) |
hsl(187,18%,10%) |
#0a0f0f |
rgb(10,15,15) |
hsl(187,18%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3F594B |
rgb(63,89,75) |
hsl(148,17%,30%) |
#3F575A |
rgb(63,87,90) |
hsl(187,18%,30%) |
#3F455A |
rgb(63,69,90) |
hsl(227,18%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#496668 |
rgb(73,102,104) |
hsl(184,18%,35%) |
#3F575A |
rgb(63,87,90) |
hsl(187,18%,30%) |
#344A4B |
rgb(52,74,75) |
hsl(183,18%,25%) |
#2A3B3D |
rgb(42,59,61) |
hsl(186,18%,20%) |
#202E2E |
rgb(32,46,46) |
hsl(180,18%,15%) |
#161F20 |
rgb(22,31,32) |
hsl(186,19%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F575A |
rgb(63,87,90) |
hsl(187,18%,30%) |
#5A4049 |
rgb(90,64,73) |
hsl(339,17%,30%) |
#5A4F3F |
rgb(90,79,63) |
hsl(36,18%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F575A |
rgb(63,87,90) |
hsl(187,18%,30%) |
#5A423F |
rgb(90,66,63) |
hsl(7,18%,30%) |
#3F594F |
rgb(63,89,79) |
hsl(157,17%,30%) |
#5A4F3F |
rgb(90,79,63) |
hsl(36,18%,30%) |