Preview
#80c6a7
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.99:1 · vs black: 10.55:1
HEX
#80c6a7
RGB
rgb(128, 198, 167)
RGBA
rgba(128, 198, 167, 1)
HSL
hsl(153, 38%, 64%)
HSV
hsv(153, 35%, 78%)
LAB
lab(74.68% -28.85 8.62)
LCH
lch(74.68% 30.11 163.36)
OKLAB
oklab(0.7713 -0.081 0.0222)
OKLCH
oklch(0.7713 0.084 164.67)
XYZ
xyz(36.07, 47.77, 43.87)
CMYK
cmyk(35%, 0%, 16%, 22%)
CSS
color: #80c6a7;
CSS variable
--color-80c6a7: #80c6a7;
SCSS
$color-80c6a7: #80c6a7;
Tailwind
emerald-300
Export
:root {
--#80c6a7-1: #80c6a7;
}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.