Home › Colors › Spruce green
Spruce green color #0A5F38 A deep, cool green inspired by spruce trees in northern forests. It is a sturdy, outdoorsy color for jackets, cabins, front doors and holiday decor.
Also known as: Spruce.
The hex code for spruce green is #0A5F38. In RGB it is rgb(10, 95, 56), in HSL hsl(152, 81%, 21%) and in CMYK 89, 0, 41, 63.
HEX #0A5F38 RGB rgb(10, 95, 56) HSL hsl(152, 81%, 21%) HSB 152°, 89%, 37% CMYK 89, 0, 41, 63 LAB 35, -34, 16
Colors similar to spruce green
About spruce green Spruce green (#0A5F38) is a cool, dark, highly saturated color. It belongs to the greens family. It mixes 10 red, 95 green and 56 blue (out of 255). It is mostly used in fashion, home decor, holidays.
Spruce green · #0A5F38
Spruce green shades and tints From lightest to darkest. Tap a shade to copy its code.
#DAE7E1 Copied #B6CFC3 Copied #84AF9C Copied #548F74 Copied #0A5F38 Copied #084C2D Copied #063922 Copied #042616 Copied #02130B Copied
See all its shades: Color shades generator
Outfit colors by season and style 80 palettes for men and women, each with 8 outfits to copy: quiet luxury, beach, mountain, office and more. See outfit palettes
Spruce green color harmonies Combinations based on the color wheel. More in the color harmony tool .
#0A5F38 Copied #5F0A31 Copied
#0A5F0E Copied #0A5F38 Copied #0A5C5F Copied
#0A5F38 Copied #380A5F Copied #5F380A Copied
#0A5F38 Copied #5F0A5B Copied #5F0E0A Copied
#0A5F38 Copied #0D0A5F Copied #5F0A31 Copied #5B5F0A Copied
Spruce green color palettes Copy the codes or open a palette in the editor to tweak it.
#DAFBEC Copied #99F4CB Copied #0A5F38 Copied #063721 Copied #042516 Copied
#28A223 Copied #0D7B27 Copied #0A5F38 Copied #07433A Copied #0A3B42 Copied
#F0F5F2 Copied #B3E5CE Copied #0A5F38 Copied #A21153 Copied #192922 Copied
#D3B7EB Copied #0A5F38 Copied #7E511B Copied #6A3498 Copied #FAFAF7 Copied
#F2F4F6 Copied #C9D1D9 Copied #0A5F38 Copied #5B6672 Copied #1E252C Copied
#EBF4F0 Copied #94D1B5 Copied #0A5F38 Copied #052E1B Copied #E23D36 Copied
Spruce green contrast with text White text Contrast 7.8:1 · AAA
Black text Contrast 2.7:1 · Not recommended
Based on WCAG 2.1 guidelines. Test other pairs in the contrast checker .
CSS code Copy :root {
--spruce-green: #0A5F38;
--spruce-green-rgb: 10, 95, 56;
}
.bg { background-color: var(--spruce-green); }
.text { color: var(--spruce-green); }
Colors similar to spruce green
Where you'll see this color
Themed palettes with this color
Swatch of Spruce green with its shades from light to dark · #0A5F38 Frequently asked questions What is the hex code for spruce green? The hex code for spruce green is #0A5F38. In RGB it is rgb(10, 95, 56), in HSL hsl(152, 81%, 21%) and in CMYK 89, 0, 41, 63.
What is the complementary color of spruce green? Its complement on the color wheel is #5F0A31, close to Tyrian purple. Used in small doses, it works as an accent and adds strong contrast.
Can you use white text on spruce green? Yes. The contrast with white is 7.8:1, enough for body text (WCAG AA).
We use Google Analytics cookies to understand how the site is used. Is that OK? Learn more
Reject Accept