Preview
#81c7a1
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.98:1 · vs black: 10.62:1
HEX
#81c7a1
RGB
rgb(129, 199, 161)
RGBA
rgba(129, 199, 161, 1)
HSL
hsl(147, 38%, 64%)
HSV
hsv(147, 35%, 78%)
LAB
lab(74.88% -30.27 12.15)
LCH
lch(74.88% 32.62 158.13)
OKLAB
oklab(0.7726 -0.0841 0.0312)
OKLCH
oklch(0.7726 0.0897 159.65)
XYZ
xyz(35.91, 48.09, 41.10)
CMYK
cmyk(35%, 0%, 19%, 22%)
CSS
color: #81c7a1;
CSS variable
--color-81c7a1: #81c7a1;
SCSS
$color-81c7a1: #81c7a1;
Tailwind
emerald-300
Export
:root {
--#81c7a1-1: #81c7a1;
}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.