Khaki (898A61) — Shades, Harmonies, Palettes, CSS Code

"Khaki"

Earth · Summer

🧠 Psychology

Bright color that captures attention. Symbolizes optimism, clarity and intellect.

✨ Uses

Warnings, lighting, youth fashion, accessories.

Tip

Khaki pairs ideally with #F7F5F0 (off-white) and a neutral background for a modern, readable result.

Values

HEX #898A61

RGB rgb(137, 138, 97)

HSL hsl(61°, 17%, 46%)

CMYK C:1% M:0% Y:30% K:46%

Luminance 0.2481

WCAG Accessibility

On white 3.58:1

Aa — #898A61

Secondary text

✗ AA ✗ AAA ✓ AA Large

On black 5.87:1

Aa — #898A61

Secondary text

✓ AA ✗ AAA ✓ AA Large

50 100 200 300 400 500 600 700 800 900 950

All harmonies

Complementary

#898A61 #626189

Analogous

#897661 #898A61 #758961

Triadic

#898A61 #618989 #896189

Split-comp.

#898A61 #617589 #766189

Tetradic

#898A61 #618976 #626189 #896175

Monochromatic

#DEDED9 #AEAEA2 #7D7E6D #626255 #393932

Suggested palettes for this hue.

Vibrant Summer View all →

Pastel 80s View all →

Purple UI View all →