Preview
#84d2a1
Family: Green
Accessibility on this swatch:
Contrast vs white: 1.79:1 · vs black: 11.71:1
HEX
#84d2a1
RGB
rgb(132, 210, 161)
RGBA
rgba(132, 210, 161, 1)
HSL
hsl(142, 46%, 67%)
HSV
hsv(142, 37%, 82%)
LAB
lab(78.21% -34.56 16.85)
LCH
lch(78.21% 38.45 154.01)
OKLAB
oklab(0.7999 -0.0952 0.0431)
OKLCH
oklch(0.7999 0.1045 155.64)
XYZ
xyz(38.99, 53.57, 42.00)
CMYK
cmyk(37%, 0%, 23%, 18%)
CSS
color: #84d2a1;
CSS variable
--color-84d2a1: #84d2a1;
SCSS
$color-84d2a1: #84d2a1;
Tailwind
emerald-300
Export
:root {
--#84d2a1-1: #84d2a1;
}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.