Preview
#a5d6a7
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.64:1 · vs black: 12.78:1
HEX
#a5d6a7
RGB
rgb(165, 214, 167)
RGBA
rgba(165, 214, 167, 1)
HSL
hsl(122, 37%, 74%)
HSV
hsv(122, 23%, 84%)
LAB
lab(81.23% -24.99 18.14)
LCH
lch(81.23% 30.88 144.02)
OKLAB
oklab(0.8292 -0.0684 0.0464)
OKLCH
oklch(0.8292 0.0827 145.85)
XYZ
xyz(46.54, 58.88, 45.46)
CMYK
cmyk(23%, 0%, 22%, 16%)
CSS
color: #a5d6a7;
CSS variable
--color-a5d6a7: #a5d6a7;
SCSS
$color-a5d6a7: #a5d6a7;
Tailwind
green-200
Export
:root {
--material-green-200-1: #a5d6a7;
}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.