Preview
#7ec97e
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.99:1 · vs black: 10.54:1
HEX
#7ec97e
RGB
rgb(126, 201, 126)
RGBA
rgba(126, 201, 126, 1)
HSL
hsl(120, 41%, 64%)
HSV
hsv(120, 37%, 79%)
LAB
lab(74.64% -38.38 30.33)
LCH
lch(74.64% 48.92 141.68)
OKLAB
oklab(0.7681 -0.1046 0.0754)
OKLCH
oklch(0.7681 0.1289 144.21)
XYZ
xyz(33.26, 47.71, 27.19)
CMYK
cmyk(37%, 0%, 37%, 21%)
CSS
color: #7ec97e;
CSS variable
--color-7ec97e: #7ec97e;
SCSS
$color-7ec97e: #7ec97e;
Tailwind
green-300
Export
:root {
--#7ec97e-1: #7ec97e;
}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.