Teal Tone Clear — #62D0AB Hex Color Code

RGB

rgb(98, 208, 171)

HSL

hsl(160, 54%, 60%)

Metrics

S 54% · L 60%

Contrast (WCAG)

on white

1.9:1Fail

on black

11.1:1AA

Recent trail

About this color

Teal Tone Clear (#62D0AB) belongs to the teal family — hue 160°, 54% saturation, 60% lightness. Copy the hex, RGB, or HSL value above, or paste the CSS custom property below into your stylesheet to reference this color directly.

CSS

:root {
  --colorarchive-teal-tone-clear: #62D0AB; /* hsl(160, 54%, 60%) */
}

Tonal strip

All lightness levels at this hue and saturation. Click any to navigate.

Palette moves

Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.

Lighter companion

Teal Silk Clear

#81D9BC · hsl(160, 54%, 68%)

Darker companion

Teal Radiant Clear

#4AC99F · hsl(160, 54%, 54%)

Complementary counterpoint

Garnet Tone Clear

#D06287 · hsl(340, 54%, 60%)

Analogous lead

Aqua Tone Clear

#62D0D0 · hsl(180, 54%, 60%)

Analogous echo

Seafoam Tone Clear

#62D087 · hsl(140, 54%, 60%)

Export preview

Base: Teal Tone Clear #62D0AB
Lighter companion: Teal Silk Clear #81D9BC
Darker companion: Teal Radiant Clear #4AC99F
Complementary counterpoint: Garnet Tone Clear #D06287
Analogous lead: Aqua Tone Clear #62D0D0
Analogous echo: Seafoam Tone Clear #62D087