HEX #3D4A53 color — Limed Spruce
The color #3D4A53 is a dark shade and slightly desaturated.
Palette
3D4A53 color palette from light to dark
HEX |
RGB |
HSL |
#f9fafb |
rgb(249,250,251) |
hsl(205,15%,98%) |
#eaeef0 |
rgb(234,238,240) |
hsl(205,15%,93%) |
#dce1e5 |
rgb(220,225,229) |
hsl(205,15%,88%) |
#cdd5da |
rgb(205,213,218) |
hsl(205,15%,83%) |
#bec8cf |
rgb(190,200,207) |
hsl(205,15%,78%) |
#b0bcc4 |
rgb(176,188,196) |
hsl(205,15%,73%) |
#a1afba |
rgb(161,175,186) |
hsl(205,15%,68%) |
#92a3af |
rgb(146,163,175) |
hsl(205,15%,63%) |
#8497a4 |
rgb(132,151,164) |
hsl(205,15%,58%) |
#758a99 |
rgb(117,138,153) |
hsl(205,15%,53%) |
#687d8d |
rgb(104,125,141) |
hsl(205,15%,48%) |
#5d707e |
rgb(93,112,126) |
hsl(205,15%,43%) |
#52636f |
rgb(82,99,111) |
hsl(205,15%,38%) |
#485661 |
rgb(72,86,97) |
hsl(205,15%,33%) |
#3d4952 |
rgb(61,73,82) |
hsl(205,15%,28%) |
#323c43 |
rgb(50,60,67) |
hsl(205,15%,23%) |
#272f35 |
rgb(39,47,53) |
hsl(205,15%,18%) |
#1c2226 |
rgb(28,34,38) |
hsl(205,15%,13%) |
#111517 |
rgb(17,21,23) |
hsl(205,15%,8%) |
#070809 |
rgb(7,8,9) |
hsl(205,15%,3%) |
Adjacent colors
HEX |
RGB |
HSL |
#3D544D |
rgb(61,84,77) |
hsl(162,16%,28%) |
#3D4A53 |
rgb(61,74,83) |
hsl(205,15%,28%) |
#3E3D53 |
rgb(62,61,83) |
hsl(243,15%,28%) |
Monochromatic colors
HEX |
RGB |
HSL |
#465760 |
rgb(70,87,96) |
hsl(201,16%,33%) |
#3D4A53 |
rgb(61,74,83) |
hsl(205,15%,28%) |
#333D45 |
rgb(51,61,69) |
hsl(207,15%,24%) |
#293338 |
rgb(41,51,56) |
hsl(200,15%,19%) |
#1F262B |
rgb(31,38,43) |
hsl(205,16%,15%) |
#151A1D |
rgb(21,26,29) |
hsl(203,16%,10%) |
Triad color palettes
HEX |
RGB |
HSL |
#3D4A53 |
rgb(61,74,83) |
hsl(205,15%,28%) |
#533D3F |
rgb(83,61,63) |
hsl(355,15%,28%) |
#53523D |
rgb(83,82,61) |
hsl(57,15%,28%) |
Tetrad color palettes
HEX |
RGB |
HSL |
#3D4A53 |
rgb(61,74,83) |
hsl(205,15%,28%) |
#53453D |
rgb(83,69,61) |
hsl(22,15%,28%) |
#3D5451 |
rgb(61,84,81) |
hsl(172,16%,28%) |
#53523D |
rgb(83,82,61) |
hsl(57,15%,28%) |