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

RGB rgb(90, 158, 91)

HSL hsl(121°, 27%, 49%)

CMYK C:43% M:0% Y:42% K:38%

Luminance 0.2785

WCAG Accessibility

On white 3.24:1

Aa — #5A9E5B

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.48:1

Aa — #5A9E5B

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#5A9E5B #9F5B9E

Analogous

#7C9F5B #5A9E5B #5B9F7E

Triadic

#5A9E5B #5C5B9F #9F5C5B

Split-comp.

#5A9E5B #7E5B9F #9F5B7C

Tetradic

#5A9E5B #5B7C9F #9F5B9E #9F7E5B

Monochromatic

#DEE8DE #A3BDA3 #689268 #537453 #334833

Suggested palettes for this hue.

Deep Ocean View all →

Green Meadow View all →

Dark UI View all →