Preview
#80e5b3
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.52:1 · vs black: 13.78:1
HEX
#80e5b3
RGB
rgb(128, 229, 179)
RGBA
rgba(128, 229, 179, 1)
HSL
hsl(150, 66%, 70%)
HSV
hsv(150, 44%, 90%)
LAB
lab(83.9% -40.76 15.32)
LCH
lch(83.9% 43.54 159.4)
OKLAB
oklab(0.8467 -0.1128 0.0393)
OKLCH
oklch(0.8467 0.1195 160.79)
XYZ
xyz(45.05, 63.88, 52.59)
CMYK
cmyk(44%, 0%, 22%, 10%)
CSS
color: #80e5b3;
CSS variable
--color-80e5b3: #80e5b3;
SCSS
$color-80e5b3: #80e5b3;
Tailwind
emerald-300
Export
:root {
--#80e5b3-1: #80e5b3;
}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.