Preview
#32cd99
Family: Teal
Accessibility on this swatch:
Contrast vs white: 2.03:1 · vs black: 10.33:1
HEX
#32cd99
RGB
rgb(50, 205, 153)
RGBA
rgba(50, 205, 153, 1)
HSL
hsl(160, 61%, 50%)
HSV
hsv(160, 76%, 80%)
LAB
lab(73.96% -51.55 14.77)
LCH
lch(73.96% 53.62 164.01)
OKLAB
oklab(0.7574 -0.1418 0.0377)
OKLCH
oklch(0.7574 0.1467 165.11)
XYZ
xyz(28.89, 46.64, 37.61)
CMYK
cmyk(76%, 0%, 25%, 20%)
CSS
color: #32cd99;
CSS variable
--color-32cd99: #32cd99;
SCSS
$color-32cd99: #32cd99;
Tailwind
teal-500
Export
:root {
--#32cd99-1: #32cd99;
}Balance, healing, and sophistication. Popular in wellness and modern dashboards.
Usage examples: primary buttons, chart series, status badges, marketing gradients, and brand accents in the Teal family.