Emerald Tone Clear — #62D062 Hex Color Code

RGB

rgb(98, 208, 98)

HSL

hsl(120, 54%, 60%)

Metrics

S 54% · L 60%

Contrast (WCAG)

on white

2:1Fail

on black

10.7:1AA

Recent trail

About this color

Emerald Tone Clear (#62D062) belongs to the green family — hue 120°, 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-emerald-tone-clear: #62D062; /* hsl(120, 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

Emerald Silk Clear

#81D981 · hsl(120, 54%, 68%)

Darker companion

Emerald Radiant Clear

#4AC94A · hsl(120, 54%, 54%)

Complementary counterpoint

Fuchsia Tone Clear

#D062D0 · hsl(300, 54%, 60%)

Analogous lead

Seafoam Tone Clear

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

Analogous echo

Moss Tone Clear

#87D062 · hsl(100, 54%, 60%)

Export preview

Base: Emerald Tone Clear #62D062
Lighter companion: Emerald Silk Clear #81D981
Darker companion: Emerald Radiant Clear #4AC94A
Complementary counterpoint: Fuchsia Tone Clear #D062D0
Analogous lead: Seafoam Tone Clear #62D087
Analogous echo: Moss Tone Clear #87D062