Skip to content

Khaki #c3b091

Dust, standardized.

RGB
195, 176, 145
HSL
37°, 29%, 67%
CMYK
0, 10, 26, 24
Luminance
0.4470

About Khaki

Khaki — from the Urdu and Persian word for “dust” — is the color uniforms turn when war moves to dry country. The wearable khaki is #c3b091-class tan; CSS confusingly ships a paler yellow (#f0e68c) under the same name, a permanent trap for developers.

History

British troops in 1840s India dyed their whites with tea and mud to stop being targets — the first mass camouflage decision in modern warfare. Khaki drill crossed to civilian wardrobes via surplus, then Ivy League casual, then every office’s “khakis.”

Psychology

Khaki reads practical, dependable and unpretentious — utility as a personality. It signals outdoorsmanship without effort and business-casual without commitment.

In design

Khaki is the workhorse warm neutral between beige and olive: superb for backgrounds, cards and packaging that wants an outdoors accent. Pair with navy (the chino-blazer axiom), olive, white and orange safety accents. Neither khaki is a text color.

In culture

Khaki elections (wartime votes), khaki-clad explorers, the khaki Friday of every office: the color of showing up prepared. It clothed empires and then their paperwork.

Brands that own khaki

Shades of khaki

Every format

HEX#c3b091
RGBrgb(195, 176, 145)
HSLhsl(37, 29%, 67%)
CMYKcmyk(0%, 10%, 26%, 24%)
LABlab(72.7 2.0 18.4)
LCHlch(72.7 18.5 83.9)
OKLCHoklch(0.765 0.048 80.0)

Copy-ready code

/* CSS */
color: #c3b091;
background-color: #c3b091;
/* Tailwind (arbitrary) */
class="text-[#c3b091] bg-[#c3b091]"
/* SCSS */
$brand: #c3b091;
/* SwiftUI */
Color(red: 0.765, green: 0.690, blue: 0.569)
/* Android */
Color.parseColor("#c3b091")

Accessibility — WCAG contrast

Aa
#c3b091 on white: 2.11:1
AA ✗ fail · AA-large · AAA
Aa
#c3b091 on black: 9.94:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red76.5%
Green69.0%
Blue56.9%

CMYK percentages

Cyan0.0%
Magenta9.7%
Yellow25.6%
Key (black)23.5%

Color previews

#c3b091 text on a black background

contrast 9.94:1

Card sample

#c3b091 text on a white background

contrast 2.11:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #c3b091;
Background color
Panel with #c3b091 background
background-color: #c3b091;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #c3b091;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(195, 176, 145, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(195, 176, 145, 0.45);
Border & gradient
Gradient panel
border: 3px solid #c3b091;
background: linear-gradient(135deg, #c3b091, #B5C391);

Monochromatic scale

Palettes built from #c3b091

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Khaki, answered

What is the hex code for khaki?

Wearable khaki is around #c3b091; CSS “khaki” is the paler yellow #f0e68c and darkkhaki is #bdb76b — the naming mismatch trips many developers.

Where does the word khaki come from?

From Urdu/Persian khāk, “dust.” British forces in India adopted dust-colored uniforms in the 1840s — camouflage born from tea-and-mud dye jobs.

What colors go with khaki?

Navy is the timeless partner; olive and brown deepen it; white crisps it; orange gives it expedition energy.

Work with #c3b091 in the Color Lab