CSS named color

Khaki #F0E68C

Khaki is light vivid yellow. Below: every color format, WCAG contrast against black and white, its tints, shades and tones, and the harmonies that pair with it.

Color values

Contrast & accessibility

WCAG contrast ratio of Khaki used as a foreground on white and black backgrounds.

Aa The quick brown fox

1.28:1

On white

AA ✕ AAA ✕ AA Large ✕

Aa The quick brown fox

16.40:1

On black

AA ✓ AAA ✓ AA Large ✓

Tints, shades & tones

Systematic variations of Khaki — click any swatch to copy its hex.

Tintsmixed toward white

Shadesmixed toward black

Tonesmixed toward gray

Color harmonies

Palettes built from Khaki by rotating its hue. Each swatch links to its closest named color.

Complementary

#F0E68C ≈ Pale Goldenrod #8E98F0 ≈ Cornflower Blue

Analogous

#F0B58E ≈ Burlywood #F0E68C ≈ Pale Goldenrod #C9F08E ≈ Khaki

Triadic

#F0E68C ≈ Pale Goldenrod #8EF0E7 ≈ Aquamarine #E78EF0 ≈ Violet

Split-complementary

#F0E68C ≈ Pale Goldenrod #8EC9F0 ≈ Sky Blue #B58EF0 ≈ Plum

Tetradic

#F0E68C ≈ Pale Goldenrod #8EF0B5 ≈ Pale Green #8E98F0 ≈ Cornflower Blue #F08EC9 ≈ Plum

Use Khaki in your stack

Tailwind (arbitrary value)

Works for any property: text-[#f0e68c], border-[#f0e68c].

CSS custom property

Reference it anywhere with var(--color).

Build a full theme

Turn Khaki into a complete shadcn/ui palette — light & dark, contrast-checked, one-command install.

Extract a theme →

Similar named colors

Pale Goldenrod #EEE8AA Navajo White #FFDEAD Wheat #F5DEB3 Moccasin #FFE4B5 Peach Puff #FFDAB9 Bisque #FFE4C4

← All CSS named colors