Emerald Core Vivid — #20D520 Hex Color Code

RGB

rgb(32, 213, 32)

HSL

hsl(120, 74%, 48%)

Metrics

S 74% · L 48%

Contrast (WCAG)

on white

2:1Fail

on black

10.6:1AA

Recent trail

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; /* hsl(120, 74%, 48%) */
}

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 Radiant Vivid

#33E133 · hsl(120, 74%, 54%)

Darker companion

Emerald Velvet Vivid

#1CBA1C · hsl(120, 74%, 42%)

Complementary counterpoint

Fuchsia Core Vivid

#D520D5 · hsl(300, 74%, 48%)

Analogous lead

Seafoam Core Vivid

#20D55C · hsl(140, 74%, 48%)

Analogous echo

Moss Core Vivid

#5CD520 · hsl(100, 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: Seafoam Core Vivid #20D55C
Analogous echo: Moss Core Vivid #5CD520