Preview
#21deb2
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.73:1 · vs black: 12.16:1
HEX
#21deb2
RGB
rgb(33, 222, 178)
RGBA
rgba(33, 222, 178, 1)
HSL
hsl(166, 74%, 50%)
HSV
hsv(166, 85%, 87%)
LAB
lab(79.49% -53.95 9.26)
LCH
lch(79.49% 54.74 170.26)
OKLAB
oklab(0.8041 -0.1506 0.0236)
OKLCH
oklch(0.8041 0.1524 171.09)
XYZ
xyz(34.78, 55.78, 51.04)
CMYK
cmyk(85%, 0%, 20%, 13%)
CSS
color: #21deb2;
CSS variable
--color-21deb2: #21deb2;
SCSS
$color-21deb2: #21deb2;
Tailwind
teal-500
Export
:root {
--#21deb2-1: #21deb2;
}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.