Lighter companion
Emerald Silk Vivid
#71EA71 · hsl(120, 74%, 68%)
RGB
rgb(78, 228, 78)
HSL
hsl(120, 74%, 60%)
CMYK
cmyk(66%, 0%, 66%, 11%)
Metrics
S 74% · L 60%
Contrast (WCAG)
on white
1.7:1Fail
on black
12.5:1AA
About this color
Emerald Tone Vivid (#4EE44E) belongs to the green family — hue 120°, 74% 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-vivid: #4EE44E; --colorarchive-emerald-tone-vivid-hsl: hsl(120, 74%, 60%); --colorarchive-emerald-tone-vivid-rgb: rgb(78, 228, 78); }
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 Vivid
#33E133 · hsl(120, 74%, 54%)
Complementary counterpoint
Fuchsia Tone Vivid
#E44EE4 · hsl(300, 74%, 60%)
Analogous lead
Celadon Tone Vivid
#4EE48C · hsl(145, 74%, 60%)
Analogous echo
Moss Tone Vivid
#80E44E · hsl(100, 74%, 60%)
Triadic +120°
Iris Tone Vivid
#4E4EE4 · hsl(240, 74%, 60%)
Triadic +240°
Crimson Tone Vivid
#E44E4E · hsl(0, 74%, 60%)
Split-comp +150°
Plum Tone Vivid
#994EE4 · hsl(270, 74%, 60%)
Split-comp +210°
Blush Tone Vivid
#E44E99 · hsl(330, 74%, 60%)
Export preview
Base: Emerald Tone Vivid #4EE44E Lighter companion: Emerald Silk Vivid #71EA71 Darker companion: Emerald Radiant Vivid #33E133 Complementary counterpoint: Fuchsia Tone Vivid #E44EE4 Analogous lead: Celadon Tone Vivid #4EE48C Analogous echo: Moss Tone Vivid #80E44E Triadic +120°: Iris Tone Vivid #4E4EE4 Triadic +240°: Crimson Tone Vivid #E44E4E Split-comp +150°: Plum Tone Vivid #994EE4 Split-comp +210°: Blush Tone Vivid #E44E99
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Emerald Radiant Vivid
#33E133 · hsl(120, 74%, 54%)
Nearby match
Emerald Tone Bright
#43EF43 · hsl(120, 84%, 60%)
Nearby match
Clover Tone Vivid
#5AE44E · hsl(115, 74%, 60%)
Nearby match
Emerald Silk Vivid
#71EA71 · hsl(120, 74%, 68%)
Nearby match
Emerald Tone Pure
#3BF73B · hsl(120, 92%, 60%)
Nearby match
Emerald Core Vivid
#20D520 · hsl(120, 74%, 48%)
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
#9D9292
Protanopia
#A6A788
Tritanopia
#5EA6AB
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.