Khaki #F0E68C

Khaki#F0E68C · rgb(240, 230, 140)

Khaki color codes

CSS namekhaki
HEX#F0E68C
RGBrgb(240, 230, 140)
HSLhsl(54, 77%, 75%)
CMYKcmyk(0%, 4%, 42%, 6%)
Decimal15787660

Shades of Khaki (darker)

#D8CF7E · #C0B870 · #A8A162 · #908A54 · #787346 · #605C38 · #48452A · #302E1C · #18170E

Tints of Khaki (lighter)

#F2E998 · #F3EBA3 · #F5EEAF · #F6F0BA · #F8F3C6 · #F9F5D1 · #FBF8DD · #FCFAE8 · #FEFDF4

Color harmonies

Complementary
#8E98F0
Triadic
#8EF0E7, #E78EF0
Analogous
#F0B58E, #C9F08E

Accessibility (WCAG contrast)

White text on Khaki1.28:1 · Fail
Black text on Khaki16.40:1 · AAA

Use Khaki in code

.element {
  color: khaki;          /* or #f0e68c */
  background-color: rgb(240 230 140 / 0.5);
}

Frequently asked questions

What is the hex code for Khaki?

Khaki is #F0E68C in HEX, rgb(240, 230, 140) in RGB and hsl(54, 77%, 75%) in HSL.

Can I use "khaki" directly in CSS?

Yes. "khaki" is one of the 148 standard CSS named colors, so color: khaki; works in every browser.

Is Khaki readable on white?

The contrast ratio of Khaki on white is 1.28:1 (WCAG Fail). On black it is 16.40:1 (AAA).

What is the complementary color of Khaki?

The complementary color (opposite on the color wheel) is #8E98F0.

Similar colors

Pale Goldenrod#EEE8AANavajo White#FFDEADWheat#F5DEB3Moccasin#FFE4B5Peach Puff#FFDAB9Burly Wood#DEB887Bisque#FFE4C4Tan#D2B48C

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.