Preview
#a4e9a4
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.42:1 · vs black: 14.77:1
HEX
#a4e9a4
RGB
rgb(164, 233, 164)
RGBA
rgba(164, 233, 164, 1)
HSL
hsl(120, 61%, 78%)
HSV
hsv(120, 30%, 91%)
LAB
lab(86.43% -34.81 26.85)
LCH
lch(86.43% 43.96 142.36)
OKLAB
oklab(0.8707 -0.095 0.0678)
OKLCH
oklch(0.8707 0.1167 144.49)
XYZ
xyz(51.15, 68.85, 45.71)
CMYK
cmyk(30%, 0%, 30%, 9%)
CSS
color: #a4e9a4;
CSS variable
--color-a4e9a4: #a4e9a4;
SCSS
$color-a4e9a4: #a4e9a4;
Tailwind
green-200
Export
:root {
--#a4e9a4-1: #a4e9a4;
}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.