Preview
#52ffd7
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.26:1 · vs black: 16.64:1
HEX
#52ffd7
RGB
rgb(82, 255, 215)
RGBA
rgba(82, 255, 215, 1)
HSL
hsl(166, 100%, 66%)
HSV
hsv(166, 68%, 100%)
LAB
lab(90.88% -53.06 6.35)
LCH
lch(90.88% 53.44 173.18)
OKLAB
oklab(0.9023 -0.1502 0.016)
OKLCH
oklch(0.9023 0.151 173.92)
XYZ
xyz(51.50, 78.21, 76.66)
CMYK
cmyk(68%, 0%, 16%, 0%)
CSS
color: #52ffd7;
CSS variable
--color-52ffd7: #52ffd7;
SCSS
$color-52ffd7: #52ffd7;
Tailwind
teal-300
Export
:root {
--#52ffd7-1: #52ffd7;
}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.