Meadow (5DA02C) — Shades, Harmonies, Palettes, CSS Code

"Meadow"

Green · Spring

🧠 Psychology

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

✨ Uses

Ecology, health, finance, success states, agriculture.

Tip

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

Values

HEX #5DA02C

RGB rgb(93, 160, 44)

HSL hsl(95°, 57%, 40%)

CMYK C:42% M:0% Y:72% K:37%

Luminance 0.2811

WCAG Accessibility

On white 3.22:1

Aa — #5DA02C

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.53:1

Aa — #5DA02C

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#5DA02C #702CA0

Analogous

#96A02C #5DA02C #2CA036

Triadic

#5DA02C #2C5CA0 #A02C5C

Split-comp.

#5DA02C #362CA0 #A02C96

Tetradic

#5DA02C #2C96A0 #702CA0 #A0362C

Monochromatic

#C8E4B4 #91C969 #5E9636 #477029 #233814

Suggested palettes for this hue.

Pop Matisse View all →

Santorini View all →

Grey Minimal View all →