Light Green (22E021) — Shades, Harmonies, Palettes, CSS Code

"Light Green"

Green · Spring

🧠 Psychology

Color of nature and harmony. Evokes growth, health and balance.

✨ Uses

Ecology, health, finance, success states, agriculture.

Tip

Light Green pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #22E021

RGB rgb(34, 224, 33)

HSL hsl(120°, 75%, 50%)

CMYK C:85% M:0% Y:85% K:12%

Luminance 0.5411

WCAG Accessibility

On white 1.79:1

Aa — #22E021

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 11.75:1

Aa — #22E021

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#22E021 #DF20DF

Analogous

#80DF20 #22E021 #20DF80

Triadic

#22E021 #2020DF #DF2020

Split-comp.

#22E021 #8020DF #DF2080

Tetradic

#22E021 #2080DF #DF20DF #DF8020

Monochromatic

#092A09 #1B7E1B #2DD22D #57DB57 #96E996

Suggested palettes for this hue.

Marrakech View all →

Dragonfruit View all →

Sand Desert View all →