Khaki #F0E68C

About this color

#F0E68C is a very light, moderately saturated yellow. In OKLCH its lightness is 91%, its chroma 0.112 and its hue 103°. Its hue sits on the warm side of the wheel. It is the named color Khaki. Black text reads best on it, at 16.40:1.

Colors that go with Khaki

Matches found by rotating Khaki around the OKLCH hue wheel, each labelled with the closest name in our list.

Color palettes with Khaki

Curated color palettes that contain a color within ΔE 0.06 (OKLab) of Khaki, closest first.

• Lemon Peel
• Fern Path
• Ultraviolet Afterhours
• Chrome Drive
• Synthwave and Boombox
• Arcade Night
• Synthwave Night
• Laser Grid

Similar named colors

The eight named colors closest to Khaki, with their ΔE distance.

• Light Gold #F3DE8A ΔE 0.020
• Sandy #F1DA7A ΔE 0.030
• Yellow Tan #FFE36E ΔE 0.031
• Light Khaki #E6F2A2 ΔE 0.032
• Pale Gold #FDDE6C ΔE 0.033
• Pale Goldenrod #EEE8AA ΔE 0.033
• Sand Yellow #FCE166 ΔE 0.035
• Sandy Yellow #FDEE73 ΔE 0.040

More about Khaki

• Shades of yellow
• What yellow means

How to make Khaki

A starting recipe from common paint colors, found with a spectral paint model (the color mixer’s paint mode). Real pigments vary, so mix a small test batch and adjust.

• 4 parts white
• 2 parts yellow
• 1 part gray

Recipe result: #ECE97F, a difference of ΔE 0.019 from Khaki. That is very close: most people will not see the difference.

What colors make yellow? | Color mixing chart

Codes for Khaki in every format

Contrast

WCAG 2 contrast ratios are the conformance target: AA needs 4.5:1 for body text and 3:1 for large text, AAA needs 7:1. APCA Lc values are supplementary guidance from the WCAG 3 drafts.

Shades and tints of Khaki

A 50–950 scale built in OKLCH: the hue is held, lightness follows a Tailwind v4-like curve, and every step is kept inside the sRGB gamut. This color sits at step 100.

1. Step 50

   50

   #F8F6E8

   oklch(97.1% 0.019 100.1)

2. Step 100

   100 (this color)

   #F0E68C

   oklch(91.3% 0.112 102.8)

3. Step 200

   200

   #E2DC9E

   oklch(88.5% 0.08 103.2)

4. Step 300

   300

   #D2C446

   oklch(80.9% 0.144 102.9)

5. Step 400

   400

   #B2A300

   oklch(70.6% 0.148 102.9)

6. Step 500

   500

   #998C00

   oklch(63.2% 0.133 102.9)

7. Step 600

   600

   #807500

   oklch(55.5% 0.117 103)

8. Step 700

   700

   #6C6200

   oklch(49% 0.103 102.5)

9. Step 800

   800

   #585000

   oklch(42.6% 0.089 102.9)

10. Step 900

    900

    #4A4300

    oklch(37.8% 0.079 102.7)

11. Step 950

    950

    #2C2700

    oklch(27% 0.057 102.1)

Export this scale for Tailwind in the Tailwind colors tool

Khaki with color blindness

Simulated with the Machado et al. (2009) model. ΔE is how far the color moves: below about 0.02 you would not notice a change.