Preview
#62ccb1
Family: Teal
Accessibility on this swatch:
Contrast vs white: 1.95:1 · vs black: 10.79:1
HEX
#62ccb1
RGB
rgb(98, 204, 177)
RGBA
rgba(98, 204, 177, 1)
HSL
hsl(165, 51%, 59%)
HSV
hsv(165, 52%, 80%)
LAB
lab(75.42% -37.18 4.14)
LCH
lch(75.42% 37.41 173.65)
OKLAB
oklab(0.7747 -0.1061 0.0104)
OKLCH
oklch(0.7747 0.1066 174.4)
XYZ
xyz(34.56, 48.95, 49.21)
CMYK
cmyk(52%, 0%, 13%, 20%)
CSS
color: #62ccb1;
CSS variable
--color-62ccb1: #62ccb1;
SCSS
$color-62ccb1: #62ccb1;
Tailwind
teal-400
Export
:root {
--#62ccb1-1: #62ccb1;
}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.