Preview
#80cd32
Family: Light Green
Accessibility on this swatch:
Contrast vs white: 1.96:1 · vs black: 10.7:1
HEX
#80cd32
RGB
rgb(128, 205, 50)
RGBA
rgba(128, 205, 50, 1)
HSL
hsl(90, 61%, 50%)
HSV
hsv(90, 76%, 80%)
LAB
lab(75.13% -47.48 64.75)
LCH
lch(75.13% 80.29 126.25)
OKLAB
oklab(0.7697 -0.1338 0.1441)
OKLCH
oklch(0.7697 0.1966 132.88)
XYZ
xyz(31.31, 48.48, 10.73)
CMYK
cmyk(38%, 0%, 76%, 20%)
CSS
color: #80cd32;
CSS variable
--color-80cd32: #80cd32;
SCSS
$color-80cd32: #80cd32;
Tailwind
yellow-500
Export
:root {
--#80cd32-1: #80cd32;
}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.