Meadow (53A336) — 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 #53A336

RGB rgb(83, 163, 54)

HSL hsl(104°, 50%, 43%)

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

Luminance 0.2876

WCAG Accessibility

On white 3.15:1

Aa — #53A336

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.66:1

Aa — #53A336

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#53A336 #8737A4

Analogous

#8BA437 #53A336 #37A450

Triadic

#53A336 #3754A4 #A43754

Split-comp.

#53A336 #5037A4 #A4378B

Tetradic

#53A336 #378BA4 #8737A4 #A45037

Monochromatic

#CCE5C2 #8FC67B #599A42 #447632 #25401C

Suggested palettes for this hue.

Gradient Sunset View all →

Nordic View all →

French Riviera View all →