Lighter companion
Emerald Tone Vivid
#4EE44E · hsl(120, 74%, 60%)
RGB
rgb(51, 225, 51)
HSL
hsl(120, 74%, 54%)
CMYK
cmyk(77%, 0%, 77%, 12%)
Metrics
S 74% · L 54%
Contrast (WCAG)
on white
1.8:1Fail
on black
12:1AA
About this color
Emerald Radiant Vivid (#33E133) belongs to the green family — hue 120°, 74% saturation, 54% 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-radiant-vivid: #33E133; --colorarchive-emerald-radiant-vivid-hsl: hsl(120, 74%, 54%); --colorarchive-emerald-radiant-vivid-rgb: rgb(51, 225, 51); }
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 Core Vivid
#20D520 · hsl(120, 74%, 48%)
Complementary counterpoint
Fuchsia Radiant Vivid
#E133E1 · hsl(300, 74%, 54%)
Analogous lead
Celadon Radiant Vivid
#33E17B · hsl(145, 74%, 54%)
Analogous echo
Moss Radiant Vivid
#6DE133 · hsl(100, 74%, 54%)
Triadic +120°
Iris Radiant Vivid
#3333E1 · hsl(240, 74%, 54%)
Triadic +240°
Crimson Radiant Vivid
#E13333 · hsl(0, 74%, 54%)
Split-comp +150°
Plum Radiant Vivid
#8A33E1 · hsl(270, 74%, 54%)
Split-comp +210°
Blush Radiant Vivid
#E1338A · hsl(330, 74%, 54%)
Export preview
Base: Emerald Radiant Vivid #33E133 Lighter companion: Emerald Tone Vivid #4EE44E Darker companion: Emerald Core Vivid #20D520 Complementary counterpoint: Fuchsia Radiant Vivid #E133E1 Analogous lead: Celadon Radiant Vivid #33E17B Analogous echo: Moss Radiant Vivid #6DE133 Triadic +120°: Iris Radiant Vivid #3333E1 Triadic +240°: Crimson Radiant Vivid #E13333 Split-comp +150°: Plum Radiant Vivid #8A33E1 Split-comp +210°: Blush Radiant Vivid #E1338A
Nearest neighbors
The closest archive matches by hue, saturation, and lightness.
Nearby match
Emerald Core Vivid
#20D520 · hsl(120, 74%, 48%)
Nearby match
Emerald Tone Vivid
#4EE44E · hsl(120, 74%, 60%)
Nearby match
Emerald Radiant Bright
#27EC27 · hsl(120, 84%, 54%)
Nearby match
Clover Radiant Vivid
#41E133 · hsl(115, 74%, 54%)
Nearby match
Emerald Radiant Pure
#1EF61E · hsl(120, 92%, 54%)
Nearby match
Emerald Velvet Vivid
#1CBA1C · hsl(120, 74%, 42%)
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
#968989
Protanopia
#9FA07E
Tritanopia
#4A9FA5
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.