Preview
#7d8a70
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 3.66:1 · vs black: 5.74:1
HEX
#7d8a70
RGB
rgb(125, 138, 112)
RGBA
rgba(125, 138, 112, 1)
HSL
hsl(90, 10%, 49%)
HSV
hsv(90, 19%, 54%)
LAB
lab(55.79% -9.74 12.37)
LCH
lch(55.79% 15.74 128.22)
OKLAB
oklab(0.6154 -0.0259 0.0318)
OKLCH
oklch(0.6154 0.041 129.16)
XYZ
xyz(20.47, 23.71, 18.82)
CMYK
cmyk(9%, 0%, 19%, 46%)
CSS
color: #7d8a70;
CSS variable
--color-7d8a70: #7d8a70;
SCSS
$color-7d8a70: #7d8a70;
Tailwind
yellow-500
Export
:root {
--#7d8a70-1: #7d8a70;
}Vitality, optimism, and renewal. Friendly for outdoor and lifestyle brands.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Light Green family.