#C3B091
Yellow family

Khaki

Also known as: earthy · muted · natural · practical · subdued
Save
Hex #C3B091
RGB rgb(195, 176, 145)
HSL hsl(37°, 29%, 67%)
CMYK 0 · 10 · 26 · 24
RAL RAL 7032 · Pebble Grey

RAL and NCS values are nearest equivalents, not official designations.

Meaning

In Western contexts, khaki symbolizes practicality and resilience, often associated with military and outdoor activities. However, in some Asian cultures, it can represent simplicity and modesty, contrasting with its utilitarian Western perception.

The term 'khaki' was first used in English in 1848, derived from the Persian word 'khāk', meaning 'dust'. The British Army adopted this color for their uniforms in India during the mid-19th century to provide camouflage in the dusty environment.

earthymutednaturalpracticalsubdued

Similar colors

Ranked by CIE76 ΔE — the perceptual distance from Khaki. Lower ΔE means a closer match (below ~2 is barely distinguishable).

All 29 Yellows →

Shades & tints

Nine steps of Khaki by lightness — from #655C4B (darkest) to #E0D6C6 (lightest). Click any to copy.

-40% #655C4B
-30% #7D715D
-20% #94866E
-10% #AC9B80
BASE #C3B091
+15% #CAB99E
+30% #D1C3AB
+50% #D9CCB9
+70% #E0D6C6

Complementary

Sitting opposite Khaki at 217° on the color wheel, these give the highest-contrast pairings.

Palettes

Curated 5-color combinations featuring Khaki.

#C3B091
#A65E2E
#F5F5F5
#8B8B5B
#D1A86E

Desert Mirage

Warm tranquility
#C3B091
#4A4A4A
#EAEAE8
#7B9A6E
#BDAA8A

Urban Explorer

Modern adventure
#C3B091
#A3C9A9
#FFFFFF
#7D6A4C
#E8CBA0

Nature's Palette

Serene harmony

Khaki scale

A 50–900 tonal scale with Khaki anchored at 500 — ready to drop into a design system. Click any step to copy.

50 #FAF9F6
100 #F4F1EB
200 #E8E1D5
300 #DCD1BF
400 #D0C1A8
500 #C3B091
600 #A09077
700 #817460
800 #625849
900 #423C31

Accessibility

Works well as text on dark backgrounds; fails on light.

Aa Best text color: #000000 · 9.94:1
Khaki as text on… Ratio AA AAA
Aa White background 2.11:1 Fail Fail
Aa Black background 9.94:1 Pass Pass

Thresholds: AA needs 4.5:1 (normal text) / 3:1 (large); AAA needs 7:1 / 4.5:1. Large = 18pt+ or 14pt+ bold.

How to use #C3B091

Copy-ready values for CSS, screen and print, plus the extra conversions designers reach for.

CSS color: #C3B091;
CSS color-mix (lighten 30%) color-mix(in srgb, #C3B091 70%, white)
HSV / HSB 37°, 26%, 76%
CMYK (print) 0, 10, 26, 24
Decimal 12824721
Nearest web-safe #CC9999

Color vision

How Khaki appears to viewers with the three main types of color blindness (~1 in 12 men, 1 in 200 women). Simulated approximations.

Normal vision

#C3B091

Protanopia (no red)

#BBBB99

Deuteranopia (no green)

#BCBD9A

Tritanopia (no blue)

#C29EA0
Chartreuse Yellow
10 / 29 Yellows Sand
Copied!