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

RGB rgb(90, 128, 64)

HSL hsl(96°, 33%, 38%)

CMYK C:30% M:0% Y:50% K:50%

Luminance 0.182

WCAG Accessibility

On white 4.57:1

Aa — #5A8040

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.6:1

Aa — #5A8040

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#5A8040 #674181

Analogous

#7A8141 #5A8040 #418147

Triadic

#5A8040 #415B81 #81415B

Split-comp.

#5A8040 #474181 #81417A

Tetradic

#5A8040 #417A81 #674181 #814741

Monochromatic

#C4D4BA #8FAD7B #5C774B #445837 #20291A

Suggested palettes for this hue.

Pastel Spring View all →

Pastel 80s View all →

Arctic Tundra View all →