HEX #3F545A color — Limed Spruce
The color #3f545a is a dark shade and slightly desaturated.
Palette
3f545a color palette from light to dark
HEX |
RGB |
HSL |
#f0f4f5 |
rgb(240,244,245) |
hsl(193,18%,95%) |
#e1e8ea |
rgb(225,232,234) |
hsl(193,18%,90%) |
#d2dde0 |
rgb(210,221,224) |
hsl(193,18%,85%) |
#c3d1d5 |
rgb(195,209,213) |
hsl(193,18%,80%) |
#b4c6cb |
rgb(180,198,203) |
hsl(193,18%,75%) |
#a5bac0 |
rgb(165,186,192) |
hsl(193,18%,70%) |
#96afb6 |
rgb(150,175,182) |
hsl(193,18%,65%) |
#87a3ab |
rgb(135,163,171) |
hsl(193,18%,60%) |
#7898a1 |
rgb(120,152,161) |
hsl(193,18%,55%) |
#698d96 |
rgb(105,141,150) |
hsl(193,18%,50%) |
#5e7e87 |
rgb(94,126,135) |
hsl(193,18%,45%) |
#547078 |
rgb(84,112,120) |
hsl(193,18%,40%) |
#496269 |
rgb(73,98,105) |
hsl(193,18%,35%) |
#3f545a |
rgb(63,84,90) |
hsl(193,18%,30%) |
#34464b |
rgb(52,70,75) |
hsl(193,18%,25%) |
#2a383c |
rgb(42,56,60) |
hsl(193,18%,20%) |
#1f2a2d |
rgb(31,42,45) |
hsl(193,18%,15%) |
#151c1e |
rgb(21,28,30) |
hsl(193,18%,10%) |
#0a0e0f |
rgb(10,14,15) |
hsl(193,18%,5%) |
Adjacent colors
HEX |
RGB |
HSL |
#3F594E |
rgb(63,89,78) |
hsl(155,17%,30%) |
#3F545A |
rgb(63,84,90) |
hsl(193,18%,30%) |
#3F425A |
rgb(63,66,90) |
hsl(233,18%,30%) |
Monochromatic colors
HEX |
RGB |
HSL |
#496168 |
rgb(73,97,104) |
hsl(194,18%,35%) |
#3F545A |
rgb(63,84,90) |
hsl(193,18%,30%) |
#34474B |
rgb(52,71,75) |
hsl(190,18%,25%) |
#2A383D |
rgb(42,56,61) |
hsl(196,18%,20%) |
#202B2E |
rgb(32,43,46) |
hsl(193,18%,15%) |
#161F20 |
rgb(22,31,32) |
hsl(186,19%,11%) |
Triad color palettes
HEX |
RGB |
HSL |
#3F545A |
rgb(63,84,90) |
hsl(193,18%,30%) |
#5A4046 |
rgb(90,64,70) |
hsl(346,17%,30%) |
#5A523F |
rgb(90,82,63) |
hsl(42,18%,30%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3F545A |
rgb(63,84,90) |
hsl(193,18%,30%) |
#5A453F |
rgb(90,69,63) |
hsl(13,18%,30%) |
#3F5952 |
rgb(63,89,82) |
hsl(164,17%,30%) |
#5A523F |
rgb(90,82,63) |
hsl(42,18%,30%) |