A pale yellow, black text passes AA
What color is khaki?
khaki is a pale yellow: #f0e68c in hex, rgb(240 230 140). Black text on it reaches 16.40:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | khaki |
| Hex | #f0e68c |
| RGB | rgb(240 230 140) |
| HSL | hsl(54 77% 75%) |
| OKLCH | oklch(91.3% 0.112 102.8) |
| Nearest Tailwind color | amber-200 #fee685, 0.020 away in OKLab |
| White text | 1.28:1: AA fails, AAA fails, large text fails |
| Black text | 16.40:1: AA passes, AAA passes, large text passes |
About khaki
A pale yellow is the plain description of khaki: OKLCH lightness 91.3%, chroma 0.112, hue 102.8 degrees.
HSL puts its lightness at 75% and OKLCH at 91.3%, 17 points apart: HSL's lightness does not follow what the eye sees, OKLCH's is built to. The closest CSS named color is palegoldenrod (#eee8aa), 0.033 away in OKLab: near, and still a visible step from it side by side.
Black text on khaki measures 16.40:1, past the 7:1 of WCAG AAA, while white text manages only 1.28:1. In the hue-sorted table of named colors it sits between palegoldenrod and gold.
In Tailwind CSS 4.3.3 the nearest default color is amber-200 (#fee685), 0.020 away in OKLab; for the exact color, an arbitrary value such as bg-[#f0e68c] works.
Tints and shades
- #fcfbed
- #faf7db
- #f7f3c8
- #f5efb5
- #f2eaa1
- #f0e68c
- #bcb46d
- #8b854f
- #5d5933
- #323019
- #0d0c04
From light to dark: 5 toward white and 5 toward black, mixed in OKLCH a sixth of the way at a time with the hue kept. A step that would repeat its neighbor is left out.
A palette around it
- #f0e68c
- #6a5d00
- #c2bc84
- #1f1d08
- #9b8823
Recolor's generator, with khaki locked as swatch 1 and the seed taken from its hex, drew a monochromatic palette, one hue in five lightnesses: #6a5d00, #c2bc84, #1f1d08, #9b8823. Open it in Recolor.
Using khaki
As a text color, khaki on a black page gives the same 16.40:1.
.notice {
background-color: khaki; /* #f0e68c */
color: black; /* 16.40:1 */
}Common questions
Does white text pass WCAG AA on khaki?
No. White text measures 1.28:1 on khaki, under AA's 4.5:1; black text measures 16.40:1 and passes.
Can khaki be written in OKLCH?
Yes: oklch(91.3% 0.112 102.8), computed from #f0e68c. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to khaki?
Yes: palegoldenrod (#eee8aa) is the nearest, 0.033 away in OKLab, then navajowhite at 0.056.