Preview
#52e5c3
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.57:1 · vs black: 13.35:1
HEX
#52e5c3
RGB
rgb(82, 229, 195)
RGBA
rgba(82, 229, 195, 1)
HSL
hsl(166, 74%, 61%)
HSV
hsv(166, 64%, 90%)
LAB
lab(82.79% -46.97 5.13)
LCH
lch(82.79% 47.25 173.77)
OKLAB
oklab(0.8348 -0.1334 0.0129)
OKLCH
oklch(0.8348 0.134 174.48)
XYZ
xyz(41.34, 61.77, 61.36)
CMYK
cmyk(64%, 0%, 15%, 10%)
CSS
color: #52e5c3;
CSS variable
--color-52e5c3: #52e5c3;
SCSS
$color-52e5c3: #52e5c3;
Tailwind
teal-300
Export
:root {
--#52e5c3-1: #52e5c3;
}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.