Lighter companion
Emerald Silk Clear
#81D981 · hsl(120, 54%, 68%)
RGB
rgb(98, 208, 98)
HSL
hsl(120, 54%, 60%)
CMYK
cmyk(53%, 0%, 53%, 18%)
Metrics
S 54% · L 60%
Contrast (WCAG)
on white
2:1Fail
on black
10.7:1AA
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; --colorarchive-emerald-tone-clear-hsl: hsl(120, 54%, 60%); --colorarchive-emerald-tone-clear-rgb: rgb(98, 208, 98); }
AI Color Names
Let AI suggest alternative poetic names for this color in English and Chinese.
Palette moves
Instead of stopping at one swatch, use nearby, opposite, and tonal neighbors to branch into a broader palette.
Darker companion
Emerald Radiant Clear
#4AC94A · hsl(120, 54%, 54%)
Complementary counterpoint
Fuchsia Tone Clear
#D062D0 · hsl(300, 54%, 60%)
Analogous lead
Celadon Tone Clear
#62D090 · hsl(145, 54%, 60%)
Analogous echo
Moss Tone Clear
#87D062 · hsl(100, 54%, 60%)
Triadic +120°
Iris Tone Clear
#6262D0 · hsl(240, 54%, 60%)
Triadic +240°
Crimson Tone Clear
#D06262 · hsl(0, 54%, 60%)
Split-comp +150°
Plum Tone Clear
#9962D0 · hsl(270, 54%, 60%)
Split-comp +210°
Blush Tone Clear
#D06299 · hsl(330, 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: Celadon Tone Clear #62D090 Analogous echo: Moss Tone Clear #87D062 Triadic +120°: Iris Tone Clear #6262D0 Triadic +240°: Crimson Tone Clear #D06262 Split-comp +150°: Plum Tone Clear #9962D0 Split-comp +210°: Blush Tone Clear #D06299
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Emerald Radiant Clear
#4AC94A · hsl(120, 54%, 54%)
Nearby match
Clover Tone Clear
#6BD062 · hsl(115, 54%, 60%)
Nearby match
Emerald Silk Clear
#81D981 · hsl(120, 54%, 68%)
Nearby match
Emerald Core Clear
#38BC38 · hsl(120, 54%, 48%)
Nearby match
Emerald Tone Soft
#76BC76 · hsl(120, 34%, 60%)
Nearby match
Emerald Tone Vivid
#4EE44E · hsl(120, 74%, 60%)
Accessible pairings
Archive colors that meet WCAG contrast standards when paired with this color. Use as text-on-background or background-on-text.
Color Vision Simulation
How this color appears with different color vision deficiencies.
Deuteranopia
#988F8F
Protanopia
#9E9F88
Tritanopia
#6B9EA2
Ready to build
Turn these colors into design tokens
ColorArchive Pro includes CSS variables, Figma tokens, Tailwind config, and Procreate swatches — ready to drop into any project.
Appears in collections