Preview
#32cd80
Family: Green
Accessibility on this swatch:
Contrast vs white: 2.06:1 · vs black: 10.18:1
HEX
#32cd80
RGB
rgb(50, 205, 128)
RGBA
rgba(50, 205, 128, 1)
HSL
hsl(150, 61%, 50%)
HSV
hsv(150, 76%, 80%)
LAB
lab(73.48% -56.83 27.31)
LCH
lch(73.48% 63.05 154.33)
OKLAB
oklab(0.7519 -0.1534 0.0684)
OKLCH
oklch(0.7519 0.168 155.97)
XYZ
xyz(27.04, 45.90, 27.85)
CMYK
cmyk(76%, 0%, 38%, 20%)
CSS
color: #32cd80;
CSS variable
--color-32cd80: #32cd80;
SCSS
$color-32cd80: #32cd80;
Tailwind
emerald-500
Export
:root {
--#32cd80-1: #32cd80;
}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.