Khaki (896B4D) — Shades, Harmonies, Palettes, CSS Code

"Khaki"

Earth · Autumn

🧠 Psychology

Warm and optimistic color. Evokes creativity, joy and enthusiasm.

✨ Uses

Food marketing, secondary CTAs, warm design, children.

Tip

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

Values

HEX #896B4D

RGB rgb(137, 107, 77)

HSL hsl(30°, 28%, 42%)

CMYK C:0% M:22% Y:44% K:46%

Luminance 0.1652

WCAG Accessibility

On white 4.91:1

Aa — #896B4D

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.27:1

Aa — #896B4D

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#896B4D #4D6B89

Analogous

#894D4D #896B4D #89894D

Triadic

#896B4D #4D896B #6B4D89

Split-comp.

#896B4D #4D8989 #4D4D89

Tetradic

#896B4D #4D894D #4D6B89 #894D89

Monochromatic

#D9D1C9 #B09E8D #7E6B58 #605243 #332B24

Suggested palettes for this hue.

Pop Art View all →

Provence Lavender View all →

Success Green View all →