A light yellow, black text passes AA
What color is darkkhaki?
darkkhaki is a light yellow: #bdb76b in hex, rgb(189 183 107). Black text on it reaches 10.15:1, passing WCAG AAA. Recolor (recolor.page) shows it on a real page below.
Last updated
| Format | Value |
|---|---|
| Keyword | darkkhaki |
| Hex | #bdb76b |
| RGB | rgb(189 183 107) |
| HSL | hsl(56 38% 58%) |
| OKLCH | oklch(76.7% 0.098 104.5) |
| Nearest Tailwind color | olive-400 #abab9c, 0.083 away in OKLab |
| White text | 2.07:1: AA fails, AAA fails, large text fails |
| Black text | 10.15:1: AA passes, AAA passes, large text passes |
About darkkhaki
Measured in OKLCH, darkkhaki comes out at lightness 76.7%, chroma 0.098 and hue 104.5 degrees: a light yellow.
HSL puts its lightness at 58% and OKLCH at 76.7%, 19 points apart: HSL's lightness does not follow what the eye sees, OKLCH's is built to. The nearest CSS named color, tan (#d2b48c), is 0.056 away in OKLab: related, but plainly a different color.
Black on darkkhaki reads at 10.15:1, enough for AAA body text; white reaches 2.07:1 and should stay off it. In the hue-sorted table of named colors it sits between gold and olive.
In Tailwind CSS 4.3.3 the nearest default color is olive-400 (#abab9c), 0.083 away in OKLab; for the exact color, an arbitrary value such as bg-[#bdb76b] works.
Tints and shades
- #f4f3e7
- #e8e7ce
- #dddbb6
- #d2cf9e
- #c8c385
- #bdb76b
- #948f52
- #6c693b
- #474525
- #252411
- #080702
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
- #bdb76b
- #242000
- #7d83e7
- #f7f6e4
- #636000
Around darkkhaki as swatch 1, Recolor's generator made a complementary palette, built on the hue opposite: #242000, #7d83e7, #f7f6e4, #636000, drawn from a seed fixed by its hex. Open it in Recolor.
Using darkkhaki
As a text color, darkkhaki on a black page gives the same 10.15:1.
.notice {
background-color: darkkhaki; /* #bdb76b */
color: black; /* 10.15:1 */
}Common questions
Does white text pass WCAG AA on darkkhaki?
No. White text measures 2.07:1 on darkkhaki, under AA's 4.5:1; black text measures 10.15:1 and passes.
Can darkkhaki be written in OKLCH?
Yes: oklch(76.7% 0.098 104.5), computed from #bdb76b. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to darkkhaki?
No. The nearest, tan (#d2b48c), is 0.056 away in OKLab, a different color.