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

RGB rgb(103, 88, 60)

HSL hsl(39°, 26%, 32%)

CMYK C:0% M:15% Y:42% K:60%

Luminance 0.1008

WCAG Accessibility

On white 6.91:1

Aa — #67583C

Secondary text

✓ AA ✗ AAA ✓ AA Large

On black 3.04:1

Aa — #67583C

Secondary text

✗ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#67583C #3C4B67

Analogous

#67433C #67583C #60673C

Triadic

#67583C #3C6758 #583C67

Split-comp.

#67583C #3C6067 #433C67

Tetradic

#67583C #3C6743 #3C4B67 #673C60

Monochromatic

#C3BBAC #988A71 #5F5645 #413B2F #15130F

Suggested palettes for this hue.

Santorini View all →

Vintage Sepia View all →

Icy Winter View all →