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

RGB rgb(90, 133, 73)

HSL hsl(103°, 29%, 40%)

CMYK C:32% M:0% Y:45% K:48%

Luminance 0.1969

WCAG Accessibility

On white 4.3:1

Aa — #5A8549

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.89:1

Aa — #5A8549

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#5A8549 #734884

Analogous

#778448 #5A8549 #488455

Triadic

#5A8549 #485984 #844859

Split-comp.

#5A8549 #554884 #844877

Tetradic

#5A8549 #487784 #734884 #845548

Monochromatic

#C8D6C2 #91AC86 #5E7953 #465B3E #232E1F

Suggested palettes for this hue.

Chocolate View all →

Pastel Spring View all →

White Marble View all →