Khaki (896A4D) — 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 #896A4D

RGB rgb(137, 106, 77)

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

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

Luminance 0.1631

WCAG Accessibility

On white 4.96:1

Aa — #896A4D

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 4.23:1

Aa — #896A4D

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#896A4D #4D6C89

Analogous

#894D4E #896A4D #89884D

Triadic

#896A4D #4D896A #6A4D89

Split-comp.

#896A4D #4D8988 #4D4E89

Tetradic

#896A4D #4E894D #4D6C89 #884D89

Monochromatic

#D9D1C9 #B09E8D #7E6A58 #605143 #332B24

Suggested palettes for this hue.

Chocolate View all →

Sand Desert View all →

Blue Serenity View all →