HEX #3D4F57 color — Limed Spruce
The color #3d4f57 is a dark shade and slightly desaturated.
Palette
3d4f57 color palette from light to dark
HEX |
RGB |
HSL |
#fcfdfd |
rgb(252,253,253) |
hsl(198,18%,99%) |
#edf1f2 |
rgb(237,241,242) |
hsl(198,18%,94%) |
#dee5e8 |
rgb(222,229,232) |
hsl(198,18%,89%) |
#cfd9de |
rgb(207,217,222) |
hsl(198,18%,84%) |
#c0cdd3 |
rgb(192,205,211) |
hsl(198,18%,79%) |
#b1c1c9 |
rgb(177,193,201) |
hsl(198,18%,74%) |
#a2b6be |
rgb(162,182,190) |
hsl(198,18%,69%) |
#93aab4 |
rgb(147,170,180) |
hsl(198,18%,64%) |
#849ea9 |
rgb(132,158,169) |
hsl(198,18%,59%) |
#75929f |
rgb(117,146,159) |
hsl(198,18%,54%) |
#668693 |
rgb(102,134,147) |
hsl(198,18%,49%) |
#5c7884 |
rgb(92,120,132) |
hsl(198,18%,44%) |
#526b75 |
rgb(82,107,117) |
hsl(198,18%,39%) |
#475d66 |
rgb(71,93,102) |
hsl(198,18%,34%) |
#3d4f57 |
rgb(61,79,87) |
hsl(198,18%,29%) |
#324248 |
rgb(50,66,72) |
hsl(198,18%,24%) |
#283439 |
rgb(40,52,57) |
hsl(198,18%,19%) |
#1d262a |
rgb(29,38,42) |
hsl(198,18%,14%) |
#13191b |
rgb(19,25,27) |
hsl(198,18%,9%) |
#080b0c |
rgb(8,11,12) |
hsl(198,18%,4%) |
Adjacent colors
HEX |
RGB |
HSL |
#3D574D |
rgb(61,87,77) |
hsl(157,18%,29%) |
#3D4F57 |
rgb(61,79,87) |
hsl(198,18%,29%) |
#3D3D57 |
rgb(61,61,87) |
hsl(240,18%,29%) |
Monochromatic colors
HEX |
RGB |
HSL |
#465C64 |
rgb(70,92,100) |
hsl(196,18%,33%) |
#3D4F57 |
rgb(61,79,87) |
hsl(198,18%,29%) |
#334249 |
rgb(51,66,73) |
hsl(199,18%,24%) |
#29363B |
rgb(41,54,59) |
hsl(197,18%,20%) |
#1F292D |
rgb(31,41,45) |
hsl(197,18%,15%) |
#151C1F |
rgb(21,28,31) |
hsl(198,19%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D4F57 |
rgb(61,79,87) |
hsl(198,18%,29%) |
#573D42 |
rgb(87,61,66) |
hsl(348,18%,29%) |
#57523D |
rgb(87,82,61) |
hsl(48,18%,29%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D4F57 |
rgb(61,79,87) |
hsl(198,18%,29%) |
#57453D |
rgb(87,69,61) |
hsl(18,18%,29%) |
#3D5752 |
rgb(61,87,82) |
hsl(168,18%,29%) |
#57523D |
rgb(87,82,61) |
hsl(48,18%,29%) |