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

RGB rgb(92, 132, 82)

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

CMYK C:30% M:0% Y:38% K:48%

Luminance 0.1965

WCAG Accessibility

On white 4.31:1

Aa — #5C8452

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 4.88:1

Aa — #5C8452

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#5C8452 #7A5284

Analogous

#758452 #5C8452 #528461

Triadic

#5C8452 #525C84 #84525C

Split-comp.

#5C8452 #615284 #845275

Tetradic

#5C8452 #527584 #7A5284 #846152

Monochromatic

#CED7CB #97AB92 #63795D #4B5C47 #283126

Suggested palettes for this hue.

Tokyo Neon View all →

Grey Minimal View all →

Purple UI View all →