Meadow (5DA136) — 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 #5DA136

RGB rgb(93, 161, 54)

HSL hsl(98°, 50%, 42%)

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

Luminance 0.2855

WCAG Accessibility

On white 3.17:1

Aa — #5DA136

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.62:1

Aa — #5DA136

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#5DA136 #7936A1

Analogous

#92A136 #5DA136 #36A144

Triadic

#5DA136 #365DA1 #A1365D

Split-comp.

#5DA136 #4436A1 #A13692

Tetradic

#5DA136 #3692A1 #7936A1 #A14436

Monochromatic

#CCE3BF #94C577 #609640 #497231 #273D1A

Suggested palettes for this hue.

Pearl Zen View all →

Grey Minimal View all →

Marrakech View all →