Khaki — #F0E68C HEX Color

#F0E68Crgb(240, 230, 140)

About Khaki

Khaki (#F0E68C) is a warm, light, vivid yellow tone with a hue of 54°, saturation of 77% and lightness of 75%. It works well for highlights and friendly designs and conveys a cheerful feeling. On a white background it reaches a contrast ratio of 1.28:1, while on black it reaches 16.40:1 — so prefer black text when using #F0E68C as a background.

Color Codes

HEX#F0E68C

RGBrgb(240, 230, 140)

HSLhsl(54°, 77%, 75%)

CMYKcmyk(0%, 4%, 42%, 6%)

CIELABLab(90.3, -9, 45)

Accessibility & Contrast

On white

1.28:1

AA Normal

AA Large

AAA Normal

AAA Large

On black

16.40:1

AA Normal

AA Large

AAA Normal

AAA Large

Recommendation: when using #F0E68C as a background, use black text for the highest contrast.

Color Schemes

Tints & Shades

Tints (mixed with white)

Shades (mixed with black)

CSS Code Snippets

background-color: #F0E68C;

color: #F0E68C;

border: 2px solid #F0E68C;

background: linear-gradient(135deg, #F0E68C, #8c96f0);

Code Export

css

:root {
  --color-primary: #f0e68c;
  --color-primary-rgb: 240, 230, 140;
  --color-primary-hsl: 54, 77%, 75%;
}

Explore Color Tools

Palette GeneratorGenerate harmonious color palettes

Color ConvertersConvert between HEX, RGB, HSL, CMYK

OKLCH PickerPick and convert OKLCH to HEX, RGB, HSL

Gradient GeneratorCreate CSS gradients with live preview

Related Combinations

#FBF29C

+=Light Green / Mint

Lavender + Yellow

#FFFF9E

+=Cream / Pale Yellow

Yellow + White

Gray + Yellow

Mint + Orange

Frequently Asked Questions

What is the name of color #F0E68C?

Color #F0E68C is commonly known as Khaki. It is a warm, light, vivid yellow tone.

Is #F0E68C a warm or cool color?

Khaki (#F0E68C) is a warm color. With a hue of 54°, it falls in the yellow family.

What colors go well with #F0E68C?

Colors that pair well with Khaki (#F0E68C) include its complementary color (#8C96F0), neutral whites and warm creams, and analogous yellow tones for harmonious palettes.