Preview
#81d5a7
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.75:1 · vs black: 12.01:1
HEX
#81d5a7
RGB
rgb(129, 213, 167)
RGBA
rgba(129, 213, 167, 1)
HSL
hsl(147, 50%, 67%)
HSV
hsv(147, 39%, 84%)
LAB
lab(79.07% -35.64 14.85)
LCH
lch(79.07% 38.61 157.38)
OKLAB
oklab(0.8068 -0.0986 0.0381)
OKLCH
oklch(0.8068 0.1057 158.87)
XYZ
xyz(39.82, 55.04, 45.08)
CMYK
cmyk(39%, 0%, 22%, 16%)
CSS
color: #81d5a7;
CSS variable
--color-81d5a7: #81d5a7;
SCSS
$color-81d5a7: #81d5a7;
Tailwind
emerald-300
Export
:root {
--#81d5a7-1: #81d5a7;
}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.