Meadow (536552) — Shades, Harmonies, Palettes, CSS Code

"Meadow"

Green · Timeless

🧠 Psychology

Neutral and timeless color. Evokes elegance, sobriety and minimalism.

✨ Uses

UI design, backgrounds, typography, professional interfaces.

Tip

Meadow pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #536552

RGB rgb(83, 101, 82)

HSL hsl(117°, 10%, 36%)

CMYK C:18% M:0% Y:19% K:60%

Luminance 0.1172

WCAG Accessibility

On white 6.27:1

Aa — #536552

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.35:1

Aa — #536552

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#536552 #645365

Analogous

#5D6553 #536552 #53655B

Triadic

#536552 #535465 #655354

Split-comp.

#536552 #5B5365 #65535D

Tetradic

#536552 #535D65 #645365 #655B53

Monochromatic

#C2C2C2 #8F8F8F #5C5C5C #424242 #1C1C1C

Suggested palettes for this hue.

Pastel Spring View all →

Sunset View all →

Provence Lavender View all →