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

RGB rgb(92, 164, 87)

HSL hsl(116°, 31%, 49%)

CMYK C:44% M:0% Y:47% K:36%

Luminance 0.3002

WCAG Accessibility

On white 3.04:1

Aa — #5CA457

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.9:1

Aa — #5CA457

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#5CA457 #9F56A4

Analogous

#82A456 #5CA457 #56A478

Triadic

#5CA457 #565BA4 #A4565B

Split-comp.

#5CA457 #7856A4 #A45682

Tetradic

#5CA457 #5682A4 #9F56A4 #A47856

Monochromatic

#DEE9DD #A2C19F #669763 #51784F #324A30

Suggested palettes for this hue.

Chocolate View all →

Santorini View all →

Tokyo Neon View all →