Khaki is a light, saturated shade in the yellow color family, with a warm feel. Its HEX code is #F0E68C, which equals rgb(240, 230, 140) in RGB and hsl(54, 77%, 75%) in HSL. In print terms it converts to roughly C0 M4 Y42 K6, although exact CMYK results depend on the paper and color profile.
- HEX
#F0E68C - RGB
240, 230, 140 - HSL
54°, 77%, 75% - CMYK
0, 4, 42, 6 - Family
Yellow - Tone
Light, saturated
About Khaki
Yellow shades are bright, sunny and attention-grabbing. They suggest optimism and clarity, and are often used for highlights, warnings and happy, youthful designs. It works well for buttons, headings, illustrations and brand accents. Text in black is the most readable choice on this color, with a contrast ratio of 16.40:1. Its complementary color is #8E98F0.
Download Khaki as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Khaki color codes
| HEX | #F0E68C |
|---|---|
| RGB | rgb(240, 230, 140) |
| HSL | hsl(54, 77%, 75%) |
| HSV | 54°, 42%, 94% |
| CMYK | 0%, 4%, 42%, 6% |
| Decimal | 15787660 |
Shades and tints of Khaki
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FDFBEC - 100
#FAF7D9 - 200
#F8F3C6 - 300
#F5EEB2 - 400
#F3EA9F - 500
#F0E68C - 600
#C8C075 - 700
#A0995D - 800
#787346 - 900
#504D2F - 950
#282617
Color harmonies for Khaki
- Complementary
#8E98F0≈ Pale Bright Cobalt - Analogous −30°
#F0B58E≈ Pale Bright Persimmon - Analogous +30°
#C9F08E≈ Pale Bright Spring Bud - Triadic +120°
#8EF0E7≈ Pale Bright Teal - Triadic +240°
#E78EF0≈ Pale Bright Orchid - Split 150°
#8EC9F0≈ Pale Bright Azure - Split 210°
#B58EF0≈ Pale Bright Periwinkle
Contrast and accessibility of Khaki
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Khaki | Aa | 1.28:1 | Fails |
| Black text on Khaki | Aa | 16.40:1 | AAA (excellent) |
CSS code for Khaki
background-color: #F0E68C;color: #F0E68C;background-color: rgb(240, 230, 140);background-color: hsl(54, 77%, 75%);:root { --color-khaki: #F0E68C; }class="bg-[#F0E68C]"Colors similar to Khaki
- Pale Bright Gold
#F2E788 - Pale Bright Marigold
#F2DD88 - Pale Soft Yellow
#E4E495 - Pale Bright Yellow
#F2F288 - Pale Bright Citron
#E7F288 - Pale Soft Gold
#E4DD95 - Pale Soft Citron
#DDE495 - Pale Marigold
#FFE47A - Pale Bright Amber
#F2D288 - Pale Bright Lime
#DDF288 - Pale Soft Marigold
#E4D595 - Very Pale Amber
#FFE3A3
More yellow shades
- Gold
#FFD700 - Lemon Chiffon
#FFFACD - Light Yellow
#FFFFE0 - Cornsilk
#FFF8DC - Dark Khaki
#BDB76B - Light Goldenrod Yellow
#FAFAD2 - Olive
#808000 - Pale Goldenrod
#EEE8AA - Yellow
#FFFF00 - Sage
#B2AC88 - Mustard
#FFDB58
Frequently asked questions
What is the HEX code for Khaki?
The HEX code for Khaki is #F0E68C.
What is the RGB value of Khaki?
Khaki has an RGB value of 240, 230, 140 (rgb(240, 230, 140)). In HSL it is 54°, 77%, 75%.
What text color should I use on Khaki?
Use black text on Khaki. White text has a contrast ratio of 1.28:1 and black text has 16.40:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Khaki?
The complementary color of Khaki is #8E98F0. Analogous colors #F0B58E and #C9F08E also pair well.