khaki — #F0E68C
#F0E68C
rgb(240, 230, 140) · hsl(54, 77%, 75%) · CSS keyword khaki
Can you put text on it?
| Contrast | Body text | Large text | |
|---|---|---|---|
| khaki on white | 1.28:1 | — | — |
| khaki on black | 16.4:1 | AA | AA |
As a background, khaki takes black text: 16.4:1 against 1.28:1 the other way. A colour picker will give you the hex and stop there, which is why so many palettes look right and fail an accessibility audit.
Where the name comes from
From the Urdu for "dust-coloured", adopted by the British Indian Army in the 1840s as the first widely used camouflage.
Using it
color: khaki;
color: #f0e68c;
color: rgb(240 230 140);All three are the same colour. The keyword is one of the 141 CSS named colours — a list settled in CSS 2.1 and added to exactly once since, when rebeccapurple was standardised in 2014.
Colours close to khaki
- palegoldenrod — #EEE8AA
- wheat — #F5DEB3
- navajowhite — #FFDEAD
- moccasin — #FFE4B5
- peachpuff — #FFDAB9
- bisque — #FFE4C4
Frequently asked questions
What is the hex code for khaki?
The hex code for khaki is #F0E68C — RGB 240, 230, 140.
Can I use khaki for text?
Not on a white background. khaki reaches only 1.28:1, and WCAG AA asks for 4.5:1. It works as a background or a border, not as ink.
Should text on khaki be black or white?
Black — 16.4:1 against 1.28:1 the other way.
Other named colours
- lavender — #E6E6FA
- lavenderblush — #FFF0F5
- lawngreen — #7CFC00
- lemonchiffon — #FFFACD
- lightblue — #ADD8E6
- lightcoral — #F08080
- lightcyan — #E0FFFF
- lightgoldenrodyellow — #FAFAD2
- lightgray — #D3D3D3
- lightgreen — #90EE90
- lightpink — #FFB6C1
- lightsalmon — #FFA07A
#F0E68C in full — tints, shades and harmonies · All named colours · Colour reference