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

RGB rgb(95, 162, 83)

HSL hsl(111°, 32%, 48%)

CMYK C:41% M:0% Y:49% K:36%

Luminance 0.2939

WCAG Accessibility

On white 3.1:1

Aa — #5FA253

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.78:1

Aa — #5FA253

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#5FA253 #9653A2

Analogous

#86A253 #5FA253 #53A26F

Triadic

#5FA253 #535FA2 #A2535F

Split-comp.

#5FA253 #6F53A2 #A25386

Tetradic

#5FA253 #5386A2 #9653A2 #A26F53

Monochromatic

#DCE7DA #A1BF9B #68955F #52764C #32482E

Suggested palettes for this hue.

Volcano View all →

Matcha View all →

Pop Matisse View all →