Khaki in OKLCH
Khaki is the soft, pale yellow-beige CSS named color #F0E68C. Here it is in OKLCH, RGB and as a full tonal palette you can copy or tweak below. 100% in your browser - copy the values or a Tailwind v4 export.
About khaki
Khaki is a light, muted yellow-tan that reads as natural, understated and vintage, which suits earthy, military and heritage palettes. It is high in lightness with low chroma, so the tonal scale makes an excellent set of warm neutral backgrounds and soft accents. Keep the hue and sweep lightness for the range, then copy the OKLCH, HEX or RGB value.
Khaki in CSS: oklch(91.3% 0.112 102.8) · #f0e68c · rgb(240 230 140)
Frequently Asked Questions
Khaki is rgb(240, 230, 140). The RGB, HEX (#F0E68C) and OKLCH values are all shown in the readouts above and can be copied individually.
Khaki is a light, desaturated yellow with a warm beige feel. Its OKLCH hue lands in the yellow range, and its low chroma is what gives it that muted, tan-like character.
Other colors in OKLCH
From the blog
APCA vs. WCAG: Navigating Color Contrast and Accessibility in 2026
Understand the mathematical differences between WCAG 2.2 and APCA contrast algorithms, and how to stay legally compliant while building beautiful UI.
Read →tutorialMigrating to Tailwind v4: How to Configure Custom OKLCH Color Themes
Learn how to move from Tailwind v3 to v4, replace tailwind.config.js with the new @theme directive, and build modern OKLCH color palettes.
Read →colorThe Science of Wide-Gamut Web Colors and Gamut Mapping
Discover why legacy HEX colors limit your design to sRGB, how modern Display-P3 screens work, and what browser chroma reduction means for your UI.
Read →