Khaki color values
| Format | Value |
|---|---|
| Hex | #F0E68C |
| RGB | rgb(240, 230, 140) |
| HSL | hsl(54, 77%, 75%) |
| HSV | 54, 42%, 94% |
| CMYK (simple conversion) | 0%, 4%, 42%, 6% |
| Decimal | 15787660 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Khaki
A light yellowish brown that resembles dust or dry earth. It is heavily associated with military uniforms, casual clothing, and rugged outdoor branding. In web design, it functions as a warm neutral for backgrounds or muted interface components. The word khaki comes from Urdu and Persian, meaning soil colored or dusty.
Shades and tints of Khaki
Tints mix Khaki with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #F2E998 | #D8CF7E |
| 20% | #F3EBA3 | #C0B870 |
| 30% | #F5EEAF | #A8A162 |
| 40% | #F6F0BA | #908A54 |
| 50% | #F8F3C6 | #787346 |
Color harmony for Khaki
These colors keep the same saturation and lightness as Khaki and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #8C96F0 |
| Analogous | #F0B48C #C8F08C |
| Triadic | #8CF0E6 #E68CF0 |
| Split complementary | #8CC8F0 #B48CF0 |
Contrast and accessibility
Contrast between #F0E68C and white is 1.28:1 (fails). Against black it is 16.40:1 (passes AAA). For text on a Khaki background, black text is the more readable choice.
Use Khaki in CSS
.element {
color: khaki;
background-color: #F0E68C;
border-color: rgb(240 230 140);
outline-color: hsl(54 77% 75%);
}All four lines produce exactly the same color. The keyword khaki is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- palegoldenrod: #EEE8AA
- navajowhite: #FFDEAD
- Wheat: #F5DEB3
- moccasin: #FFE4B5
FAQ
What is the hex code for Khaki?
The hex code for Khaki is #F0E68C. As a CSS color keyword you can also write khaki.
What is Khaki in RGB?
Khaki is rgb(240, 230, 140): red 240, green 230, blue 140 on the 0 to 255 scale.
What color is closest to Khaki?
Of the CSS named colors, palegoldenrod (#EEE8AA) is the closest match to Khaki, followed by navajowhite and wheat.
More colors
- Indigo: previous page
- Magenta: next page
- CSS named colors: the full list