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

RGB rgb(175, 132, 88)

HSL hsl(30°, 35%, 52%)

CMYK C:0% M:25% Y:50% K:31%

Luminance 0.2678

WCAG Accessibility

On white 3.35:1

Aa — #AF8458

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 6.26:1

Aa — #AF8458

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#AF8458 #5A85AF

Analogous

#AF5A5A #AF8458 #AFAF5A

Triadic

#AF8458 #5AAF85 #855AAF

Split-comp.

#AF8458 #5AAFAF #5A5AAF

Tetradic

#AF8458 #5AAF5A #5A85AF #AF5AAF

Monochromatic

#261F17 #66523D #A38566 #B69E86 #D3C4B6

Suggested palettes for this hue.

Volcano View all →

Kyoto Zen View all →

Green Meadow View all →