Spruce Color
Color Details & Specifications
Color Conversions
Click format to copyHEX
#2e5730RGB
46, 87, 48HSL
123, 31%, 26%CMYK
47%, 0%, 45%, 66%OKLCH
oklch(0.416 0.079 145)Tailwind
green-900Preview Card#2E5730
Contrast with White8.33:1
AA (Pass)AA Large (Pass)AAA (Pass)
Contrast with Black2.52:1
AA (Fail)AA Large (Fail)AAA (Fail)
Tints & Shades
Hover to expand & click to copyTints (towards white)
Shades (towards black)
Color Harmonies
Hover to expand & click to copyAnalogous3 Colors
Complementary2 Colors
Triadic3 Colors
Split Complementary3 Colors
Tetradic4 Colors
Monochromatic4 Colors
CSS Usage
Click snippet to copyText Color
color: #2e5730;Background
background-color: #2e5730;Border Color
border-color: #2e5730;Box Shadow
box-shadow: 0 4px 14px 0 #2e573080;