Meadow (577D55) — 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 #577D55

RGB rgb(87, 125, 85)

HSL hsl(117°, 19%, 41%)

CMYK C:30% M:0% Y:32% K:51%

Luminance 0.1754

WCAG Accessibility

On white 4.7:1

Aa — #577D55

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.47:1

Aa — #577D55

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#577D55 #7A557C

Analogous

#6B7C55 #577D55 #557C67

Triadic

#577D55 #55577C #7C5557

Split-comp.

#577D55 #67557C #7C556B

Tetradic

#577D55 #556B7C #7A557C #7C6755

Monochromatic

#CBD3CA #93A593 #60725F #495648 #252C25

Suggested palettes for this hue.

Gradient Sunset View all →

Purple UI View all →

Vintage Sepia View all →