Lighter companion
Emerald Radiant Vivid
#33E133 · hsl(120, 74%, 54%)
RGB
rgb(32, 213, 32)
HSL
hsl(120, 74%, 48%)
CMYK
cmyk(85%, 0%, 85%, 16%)
Metrics
S 74% · L 48%
Contrast (WCAG)
on white
2:1Fail
on black
10.6:1AA
About this color
Emerald Core Vivid (#20D520) belongs to the green family — hue 120°, 74% saturation, 48% 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-core-vivid: #20D520; --colorarchive-emerald-core-vivid-hsl: hsl(120, 74%, 48%); --colorarchive-emerald-core-vivid-rgb: rgb(32, 213, 32); }
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 Velvet Vivid
#1CBA1C · hsl(120, 74%, 42%)
Complementary counterpoint
Fuchsia Core Vivid
#D520D5 · hsl(300, 74%, 48%)
Analogous lead
Celadon Core Vivid
#20D56B · hsl(145, 74%, 48%)
Analogous echo
Moss Core Vivid
#5CD520 · hsl(100, 74%, 48%)
Triadic +120°
Iris Core Vivid
#2020D5 · hsl(240, 74%, 48%)
Triadic +240°
Crimson Core Vivid
#D52020 · hsl(0, 74%, 48%)
Split-comp +150°
Plum Core Vivid
#7A20D5 · hsl(270, 74%, 48%)
Split-comp +210°
Blush Core Vivid
#D5207A · hsl(330, 74%, 48%)
Export preview
Base: Emerald Core Vivid #20D520 Lighter companion: Emerald Radiant Vivid #33E133 Darker companion: Emerald Velvet Vivid #1CBA1C Complementary counterpoint: Fuchsia Core Vivid #D520D5 Analogous lead: Celadon Core Vivid #20D56B Analogous echo: Moss Core Vivid #5CD520 Triadic +120°: Iris Core Vivid #2020D5 Triadic +240°: Crimson Core Vivid #D52020 Split-comp +150°: Plum Core Vivid #7A20D5 Split-comp +210°: Blush Core Vivid #D5207A
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Emerald Velvet Vivid
#1CBA1C · hsl(120, 74%, 42%)
Nearby match
Emerald Radiant Vivid
#33E133 · hsl(120, 74%, 54%)
Nearby match
Emerald Core Bright
#14E114 · hsl(120, 84%, 48%)
Nearby match
Clover Core Vivid
#2FD520 · hsl(115, 74%, 48%)
Nearby match
Emerald Core Pure
#0AEB0A · hsl(120, 92%, 48%)
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
#8B7E7E
Protanopia
#949573
Tritanopia
#3D949A
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