Meadow (668A64) — 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 #668A64

RGB rgb(102, 138, 100)

HSL hsl(117°, 16%, 47%)

CMYK C:26% M:0% Y:28% K:46%

Luminance 0.2228

WCAG Accessibility

On white 3.9:1

Aa — #668A64

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.38:1

Aa — #668A64

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#668A64 #89658B

Analogous

#7A8B65 #668A64 #658B76

Triadic

#668A64 #65678B #8B6567

Split-comp.

#668A64 #76658B #8B657A

Tetradic

#668A64 #657A8B #89658B #8B7665

Monochromatic

#DCE0DC #A6B0A6 #717F71 #596459 #353B35

Suggested palettes for this hue.

Vibrant Summer View all →

Sahara View all →

Memphis Design View all →