Preview
#62cbbf
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.94:1 · vs black: 10.81:1
HEX
#62cbbf
RGB
rgb(98, 203, 191)
RGBA
rgba(98, 203, 191, 1)
HSL
hsl(173, 50%, 59%)
HSV
hsv(173, 52%, 80%)
LAB
lab(75.49% -33.3 -3.31)
LCH
lch(75.49% 33.46 185.68)
OKLAB
oklab(0.7765 -0.0988 -0.0095)
OKLCH
oklch(0.7765 0.0993 185.49)
XYZ
xyz(35.79, 49.07, 56.86)
CMYK
cmyk(52%, 0%, 6%, 20%)
CSS
color: #62cbbf;
CSS variable
--color-62cbbf: #62cbbf;
SCSS
$color-62cbbf: #62cbbf;
Tailwind
teal-400
Export
:root {
--#62cbbf-1: #62cbbf;
}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.