#12665C
#2A9D8F
#CFBCFF
#F7F2E4
#12665C · Spruce
Click to copy#12665C is a dark, moderately saturated green color, closest to Spruce and near Spruce and Juniper. In OKLCH it has 46% lightness and 0.08 chroma at hue 183°. Green suggests growth, balance and nature; it reads as calm and trustworthy, which makes #12665C a natural choice for success states, wellness, finance and eco brands. It appears in 2 ColorSwoop palettes.
Color codes click to copy
HEX
#12665CRGB
rgb(18, 102, 92)HSL
hsl(173, 70%, 24%)CMYK
82, 0, 10, 60CSS var
--spruceContrast
6.82:1 white · 3.08:1 blackSimilar named colors
How to use #12665C
White text passes WCAG AA on #12665C (6.82:1); black does not, so keep dark text off it.
For a calm scheme pair #12665C with its analogous neighbors #126833 and #124768; for contrast use its complement #68121C as a small accent, and anchor everything with a neutral such as #F5F5F7.
--spruce: #12665C;
$spruce: #12665C;
colors: { 'spruce': '#12665C' }