Khaki hex code
The hex code for khaki is #F0E68C. In RGB that is rgb(240, 230, 140) and in HSL it is hsl(54, 77%, 75%).
The hex code for khaki is #F0E68C. In RGB that is rgb(240, 230, 140) and in HSL it is hsl(54, 77%, 75%).
Khaki · #F0E68C
Colour codes
- HEX
- #F0E68C
- RGB
- rgb(240, 230, 140)
- HSL
- hsl(54, 77%, 75%)
- CMYK
- 0, 4, 42, 6
- CSS name
- khaki
- Contrast on white
- 1.28:1
- Contrast on black
- 16.40:1
Tints and shades
20% lighter · #f3eba3
40% lighter · #f6f0ba
60% lighter · #f9f5d1
80% lighter · #fcfae8
20% darker · #c0b870
40% darker · #908a54
60% darker · #605c38
80% darker · #302e1c
Complementary colour
Khaki · #F0E68C
Opposite on the colour wheel · #8e98f0
Frequently asked questions
What is the hex code for khaki?
The hex code for khaki is #F0E68C. In RGB that is rgb(240, 230, 140) and in HSL it is hsl(54, 77%, 75%).
Can I use khaki for text?
It has a contrast ratio of 1.28:1 on white and 16.40:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with khaki?
Its complementary colour, opposite on the colour wheel, is #8E98F0. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of khaki instead.
Is khaki a CSS colour name?
Yes. CSS accepts the keyword khaki, so color: khaki and color: #F0E68C render exactly the same.