- No data uploaded
- Instant results
Khaki — #F0E68C
Khaki is the CSS named colour khaki, hex #F0E68C. It has a contrast ratio of 1.28:1 on white and 16.40:1 on black — best used as text on dark backgrounds.
Khaki — #F0E68C
Contrast on white 1.28:1 · on black 16.40:1
Tints
Shades
Complementary
Triadic
Analogous
Using Khaki in code
CSS: color: khaki; or color: #F0E68C; · Tailwind: text-[#F0E68C] · Android/Flutter: 0xFFF0E68C
Khaki colour harmonies
Complementary: #8C96F0 · Triadic: #8CF0E6, #E68CF0 · Analogous: #F0B48C, #C8F08C. Use tints for backgrounds and shades for hover states.
Khaki in every colour format
| Format | Value |
|---|---|
| HEX | #F0E68C |
| RGB | rgb(240, 230, 140) |
| HSL | hsl(54, 77%, 75%) |
| HSV | hsv(54, 42%, 94%) |
| CMYK | cmyk(0%, 4%, 42%, 6%) |
| CSS name | khaki |
| Contrast on white | 1.28:1 |
| Contrast on black | 16.40:1 |
Frequently asked questions
What is the hex code for Khaki?
#F0E68C (CSS name: khaki).
What is Khaki in RGB?
rgb(240, 230, 140)
What colour goes well with Khaki?
Its complementary colour #8C96F0, or the analogous #F0B48C and #C8F08C.