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

RGB rgb(95, 90, 69)

HSL hsl(48°, 16%, 32%)

CMYK C:0% M:5% Y:27% K:63%

Luminance 0.1006

WCAG Accessibility

On white 6.92:1

Aa — #5F5A45

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.03:1

Aa — #5F5A45

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#5F5A45 #454A5F

Analogous

#5F4C45 #5F5A45 #575F45

Triadic

#5F5A45 #455F59 #59455F

Split-comp.

#5F5A45 #45575F #4C455F

Tetradic

#5F5A45 #455F4C #454A5F #5F4557

Monochromatic

#BCBAB3 #8C897D #56554D #3B3A35 #131211

Suggested palettes for this hue.

Coffee & Cream View all →

Volcano View all →

Neon 90s View all →