Meadow (509F20) — 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 #509F20

RGB rgb(80, 159, 32)

HSL hsl(97°, 66%, 37%)

CMYK C:50% M:0% Y:80% K:38%

Luminance 0.2703

WCAG Accessibility

On white 3.32:1

Aa — #509F20

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.32:1

Aa — #509F20

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#509F20 #6D209D

Analogous

#8E9D20 #509F20 #209D2F

Triadic

#509F20 #20509D #9D2050

Split-comp.

#509F20 #2F209D #9D208E

Tetradic

#509F20 #208E9D #6D209D #9D2F20

Monochromatic

#BDE5A4 #83CF54 #52932A #3C6B1E #1B300D

Suggested palettes for this hue.

Rose Gold View all →

Icy Winter View all →

Nordic View all →