Beige family
Khaki color
A light, grayish beige with warm undertones. The reference khaki is #C3B091, as defined by the Color Names (meodai).
| HEX | #C3B091 | |
|---|---|---|
| RGB | rgb(195, 176, 145) | |
| HSL | hsl(37, 29%, 67%) | |
| HSV | hsv(37, 26%, 76%) | |
| OKLCH | oklch(76.5% 0.048 80.0) | |
| CMYK* | 0, 10, 26, 24 |
* CMYK is a simple conversion without a print profile; ask your printer for exact values.
What color is khaki?
Khaki is a light yellowish brown. The word comes from the Hindi and Urdu khaki, meaning dusty, and became the name for military uniforms in the 19th century. The CSS keyword khaki, #F0E68C, is a much paler, almost lemon colour, so the CSS value is not what most people mean by khaki.
Khaki hex codes by source
Color names are not standardized, so the same name can point to different colors. Here is every definition of khaki in our three sources, with how close each one is to the reference.
| Name | HEX | Source | Compared with the reference |
|---|---|---|---|
| Khaki | #F0E68C | CSS named color | Noticeably different · 34% similar |
| Khaki | #AAA662 | xkcd Color Survey | Noticeably different · 71% similar |
| Khaki | #C3B091 | Color Names (meodai) | Reference shown on this page |
Khaki vs Tan
#C3B091
#D2B48C
Tan is warmer and pinker; khaki leans toward olive and dust. In numbers: the two are 89% similar (OKLab distance 0.027). See Tan for its own codes.
Colors similar to khaki
The closest named colors to #C3B091 across all three sources, with their similarity in OKLab.
Tints and shades of khaki
The same hue from light to dark, generated in OKLab so the steps look even. Click a step to copy its HEX code.
Colors that go with khaki
Classic color-wheel combinations built on #C3B091, computed in OKLCH so the partners keep the same lightness and intensity. Each swatch shows the nearest common name.
Complementary
Analogous
Triadic
Split complementary
Khaki with white and black text
WCAG asks for a contrast of at least 4.5:1 for body text (AA) and 3:1 for large text. On a khaki background, black text is the better choice.
Use khaki in CSS
.khaki {
color: #C3B091;
/* or */ color: rgb(195 176 145);
/* or */ color: hsl(37 29% 67%);
/* or */ color: oklch(76.5% 0.048 80.0);
}