Khaki

#D5C58A

What color is Khaki?

Khaki is a warm, dusty yellow-brown with a muted, sandy tone, hex #D5C58A, close to the color of dried straw. It has a soft, sun-bleached quality that reads as neither fully yellow nor fully brown.

What is the meaning of the color Khaki?

British Army officers stationed in India adopted khaki as a uniform color in 1848, choosing it for its ability to blend with the dry terrain around Peshawar. The word itself comes from the Urdu and Persian word for dust or soil. Its use spread to the broader British Army during the Second Anglo-Afghan War and became standard for British troops by the 1880s. The color entered civilian fashion when brands like Dockers popularized khaki trousers in the 1990s, anchoring the color to casual, everyday clothing.

RGB
213, 197, 138
HSL
47°, 47%, 69%
CMYK
0, 8, 35, 16
HSV
47°, 35%, 84%
Khaki color

What colors go with Khaki?

Colors that pair well with Khaki include:
Navy Blue: sharp, classic contrast
Olive Green: earthy, natural harmony
Burnt Orange: warm, vivid accent
Cream: soft, low-contrast blend
Chocolate Brown: rich, grounded depth

Similar Colors

Conversions & Codes

Format Value CSS
HEX #D5C58A color: #D5C58A;
RGB 213, 197, 138 color: rgb(213, 197, 138);
RGB Percentage 84%, 77%, 54% color: rgb(84%, 77%, 54%);
CMYK 0%, 8%, 35%, 16% Not supported in CSS
HSL 47°, 47%, 69% color: hsl(47, 47%, 69%);
HSV 47°, 35%, 84% Not supported in CSS
CIE-LAB 55, 3, 20 color: lab(55% 3 20);
Decimal 14009738 Not supported in CSS

Color Variations

Shades

#D5C58B
#CCB871
#C2AB57
#B59C41
#9B8638
#816F2F
#675925
#4E431C

Tints

#F2EEDC
#EEE8D1
#EAE2C5
#E6DCB9
#E2D6AE
#DDD1A2
#D9CB96
#D5C58B

Tones

#D5C58B
#D1C38F
#CEC192
#CABF96
#C6BD9A
#C3BA9D
#BFB8A1
#BBB6A5

Hues

#D5C58B
#ADD58B
#8BD5A0
#8BD3D5
#8B9BD5
#B28BD5
#D58BC0
#D58D8B

Color Harmonies

Analogous

#D5A08B
Click to copy
#D5C58A
Click to copy
100%
#C0D58B
Click to copy

Complementary

#D5C58A
Click to copy
100%
#8B9BD5
Click to copy

Split Complementary

#D5C58A
Click to copy
100%
#8BC0D5
Click to copy
#A08BD5
Click to copy

Triadic

#D5C58A
Click to copy
100%
#8BD5C5
Click to copy
#C58BD5
Click to copy

Tetradic

#D5C58A
Click to copy
100%
#8BD5A0
Click to copy
#8B9BD5
Click to copy
#D58BC0
Click to copy
95%

Square

#D5C58A
Click to copy
100%
#8BD5A0
Click to copy
#8B9BD5
Click to copy
#D58BC0
Click to copy
95%

CSS & Dev Snippets

CSS
.khaki {
  color: #D5C58A;
}
SCSS
$khaki: #D5C58A;
RGB
rgb(213, 197, 138)

Accessibility & Contrast

White background

1.72:1
1.72
contrast ratio on a white background
Element
AA
AAA
Small text
Large text
UI element

Black background

12.18:1
12.18
contrast ratio on a black background
Element
AA
AAA
Small text
Large text
UI element

Popular Tags