Meadow (578C4A) — 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 #578C4A

RGB rgb(87, 140, 74)

HSL hsl(108°, 31%, 42%)

CMYK C:38% M:0% Y:47% K:45%

Luminance 0.2159

WCAG Accessibility

On white 4:1

Aa — #578C4A

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.26:1

Aa — #578C4A

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#578C4A #7F4A8C

Analogous

#788C4A #578C4A #4A8C5E

Triadic

#578C4A #4A578C #8C4A57

Split-comp.

#578C4A #5E4A8C #8C4A78

Tetradic

#578C4A #4A788C #7F4A8C #8C5E4A

Monochromatic

#CBDBC7 #92B28A #5E8255 #476340 #263422

Suggested palettes for this hue.

Amber Warning View all →

Orange Energy View all →

Berries View all →