Coloried

Spruce

Spruce color is a rich shade of dark muted green. Its hex code is #2E5730 and rgb code is rgb(46, 87, 48), Its CMYK value is cmyk(47%, 0%, 45%, 66%), and Its HSL value is hsl(123, 31%, 26%). Its a contrast ratio against white is 8.33:1, while against black, the contrast ratio is 2.52:1. Its complementary color is #572E55 and closest tailwind color is green-900. This color goes well with #6CB292, #8BB26C, #9ECCA0, #79519A, and #9A5172. To get this Spruce color, you can mix #000000 and #5CAE60.

Spruce color code
|
1. Color Conversions
HEX#2E5730
RGB46, 87, 48
HSL123°, 31%, 26%
HSV123°, 31%, 34%
CMYK47%, 0%, 45%, 66%
Web Safe#336633
2. Contrast Ratio
Text on #FFFFFF8.33:1
AAA LargeAAA Normal
Text on #0000002.52:1
Fail LargeFail Normal
3. Spruce Color Code in CSS
HEX
#2E5730
RGB
rgb(46, 87, 48)
HSL
hsl(123, 31%, 26%)
Text Color
color: #2E5730;
Background
background-color: #2E5730;
Border Color
border-color: #2E5730;
Box Shadow
box-shadow: 0 4px 14px 0 #2E573080;
SCSS
$color-spruce: #2E5730;
4. Color Palettes
Analogous
Complementary
Triadic
Split Complementary
Tetradic
Monochromatic
5. Shades, Tints & Hues
Shades
Tints
Hues
6. Color Blindness Simulator
Protanopia#404039
Deuteranopia#3D3A3C
Tritanopia#304143
Achromatopsia#464646
7. UI Components Preview
Buttons
Badges
DefaultOutlineSoft
Interactive