# Khaki Color (#F0E68C)

> Khaki is a CSS named color defined as hex code #F0E68C.

- **URL**: https://swatchatlas.com/colors/khaki/
- **Language**: English (en)
- **CSS Name**: `khaki`
- **Date Published**: 2026-09-29
- **Date Modified**: 2026-09-29
- **Authority Citation**: W3C CSS Color Module Level 4 (https://www.w3.org/TR/css-color-4/#named-colors)

## Color Values
- **HEX**: #F0E68C
- **RGB**: rgb(240, 230, 140)
- **HSL**: hsl(54, 77%, 75%)
- **HSV/HSB**: hsv(54, 42%, 94%)
- **CMYK**: cmyk(0%, 4%, 42%, 6%) (digital approximation, non-print)
- **OKLCH**: oklch(0.913 0.112 102.8)

## What Colors Go With Khaki
Contrast is each color on Khaki (WCAG 2.2); 4.5:1 or above is text-safe.
- **Black (#000000)**: 16.4:1, text-safe. Sharp, readable text on khaki.
- **Dark Slate Gray (#2F4F4F)**: 6.97:1, text-safe. A dark neutral for body text.
- **Navy (#000080)**: 12.5:1, text-safe. A deep blue for strong, readable text.
- **Saddle Brown (#8B4513)**: 5.54:1, text-safe. A warm brown for earthy, outdoor palettes.
- **Dark Olive Green (#556B2F)**: 4.65:1, text-safe. A tonal green for safari and outdoor themes.
- **Forest Green (#228B22)**: 3.43:1, background or accent. A natural green accent for garden and eco palettes.

## WCAG 2.2 Contrast Results
- **Pure Black (#000000) text on Khaki**: 16.4:1 (Passes AA and AAA for both normal and large text)
- **Pure White (#FFFFFF) text on Khaki**: 1.28:1 (Fails AA and AAA)
- **Dark Charcoal (#212529) text on Khaki**: 12.05:1 (Passes AA and AAA for both normal and large text)
- **Mid Gray (#666666) text on Khaki**: 4.48:1 (Passes AA for large text only)

## FAQ
### Can I use black text on Khaki?
Yes. Black text on Khaki has a WCAG 2.2 contrast ratio of 16.4:1, passing both AA (4.5:1) and AAA (7:1) at every text size.

### Can I use white text on Khaki?
No. White text on Khaki has a WCAG 2.2 contrast ratio of only 1.28:1, below the 3:1 minimum even for large text.

### What colors go with Khaki?
Black, Dark Slate Gray, Navy, Saddle Brown, Dark Olive Green and Forest Green all go well with Khaki. Black (16.4:1), Dark Slate Gray (6.97:1), Navy (12.5:1), Saddle Brown (5.54:1) and Dark Olive Green (4.65:1) have enough contrast for text on Khaki; Forest Green works better as a background or accent.

### Is khaki yellow or brown?
The CSS color khaki (#F0E68C) is a pale yellow, lighter than the tan-olive khaki of clothing. Dark Khaki (#BDB76B) is closer to the fabric color.

## Background Download
- **Format**: PNG 1920x1080 solid background
- **URL**: https://swatchatlas.com/images/backgrounds/khaki-1920x1080.png