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

RGB rgb(176, 166, 121)

HSL hsl(49°, 26%, 58%)

CMYK C:0% M:6% Y:31% K:31%

Luminance 0.3862

WCAG Accessibility

On white 2.45:1

Aa — #B0A679

Secondary text

✗ AA ✗ AAA ✗ AA Large

On black 8.58:1

Aa — #B0A679

Secondary text

✓ AA ✓ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#B0A679 #7882B0

Analogous

#B08A78 #B0A679 #9EB078

Triadic

#B0A679 #78B0A6 #A678B0

Split-comp.

#B0A679 #789EB0 #8A78B0

Tetradic

#B0A679 #78B08A #7882B0 #B0789E

Monochromatic

#353327 #706B51 #A59F83 #BAB6A0 #DBD8CD

Suggested palettes for this hue.

Grey Minimal View all →

Tropical Jungle View all →

Orange Energy View all →