Preview
#7daa5c
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 2.7:1 · vs black: 7.78:1
HEX
#7daa5c
RGB
rgb(125, 170, 92)
RGBA
rgba(125, 170, 92, 1)
HSL
hsl(95, 31%, 51%)
HSV
hsv(95, 46%, 67%)
LAB
lab(64.87% -29.22 35.32)
LCH
lch(64.87% 45.84 129.6)
OKLAB
oklab(0.687 -0.0805 0.0856)
OKLCH
oklch(0.687 0.1175 133.24)
XYZ
xyz(24.76, 33.88, 15.36)
CMYK
cmyk(26%, 0%, 46%, 33%)
CSS
color: #7daa5c;
CSS variable
--color-7daa5c: #7daa5c;
SCSS
$color-7daa5c: #7daa5c;
Tailwind
yellow-400
Export
:root {
--#7daa5c-1: #7daa5c;
}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.