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

RGB rgb(104, 94, 62)

HSL hsl(46°, 25%, 33%)

CMYK C:0% M:10% Y:40% K:59%

Luminance 0.1124

WCAG Accessibility

On white 6.44:1

Aa — #685E3E

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.26:1

Aa — #685E3E

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#685E3E #3F4969

Analogous

#694A3F #685E3E #5E693F

Triadic

#685E3E #3F695F #5F3F69

Split-comp.

#685E3E #3F5E69 #4A3F69

Tetradic

#685E3E #3F694A #3F4969 #693F5E

Monochromatic

#C4C0B0 #999175 #615B48 #433F32 #171611

Suggested palettes for this hue.

Pastel Spring View all →

Golden Autumn View all →

Marrakech View all →