Preview
#62d5ca
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.77:1 · vs black: 11.89:1
HEX
#62d5ca
RGB
rgb(98, 213, 202)
RGBA
rgba(98, 213, 202, 1)
HSL
hsl(174, 58%, 61%)
HSV
hsv(174, 54%, 84%)
LAB
lab(78.72% -35.19 -4.48)
LCH
lch(78.72% 35.47 187.26)
OKLAB
oklab(0.8036 -0.105 -0.0126)
OKLCH
oklch(0.8036 0.1058 186.84)
XYZ
xyz(39.49, 54.45, 64.29)
CMYK
cmyk(54%, 0%, 5%, 16%)
CSS
color: #62d5ca;
CSS variable
--color-62d5ca: #62d5ca;
SCSS
$color-62d5ca: #62d5ca;
Tailwind
teal-300
Export
:root {
--#62d5ca-1: #62d5ca;
}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.