Preview
#80cb9e
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.92:1 · vs black: 10.95:1
HEX
#80cb9e
RGB
rgb(128, 203, 158)
RGBA
rgba(128, 203, 158, 1)
HSL
hsl(144, 42%, 65%)
HSV
hsv(144, 37%, 80%)
LAB
lab(75.93% -33.05 15.22)
LCH
lch(75.93% 36.39 155.27)
OKLAB
oklab(0.7807 -0.0912 0.039)
OKLCH
oklch(0.7807 0.0992 156.85)
XYZ
xyz(36.43, 49.77, 40.03)
CMYK
cmyk(37%, 0%, 22%, 20%)
CSS
color: #80cb9e;
CSS variable
--color-80cb9e: #80cb9e;
SCSS
$color-80cb9e: #80cb9e;
Tailwind
emerald-300
Export
:root {
--#80cb9e-1: #80cb9e;
}Growth, nature, and success. Strong for finance positives, eco brands, and health.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Green family.