A pale beige, black text passes AA
What color is wheat?
The CSS named color wheat is #f5deb3, or rgb(245 222 179): a pale beige in plain words. Black text on it reaches 15.98:1, passing WCAG AAA, and Recolor (recolor.page) can put it on a real page.
Last updated
| Format | Value |
|---|---|
| Keyword | wheat |
| Hex | #f5deb3 |
| RGB | rgb(245 222 179) |
| HSL | hsl(39 77% 83%) |
| OKLCH | oklch(90.9% 0.061 83.0) |
| Nearest Tailwind color | orange-200 #ffd6a7, 0.023 away in OKLab |
| White text | 1.31:1: AA fails, AAA fails, large text fails |
| Black text | 15.98:1: AA passes, AAA passes, large text passes |
About wheat
Measured in OKLCH, wheat comes out at lightness 90.9%, chroma 0.061 and hue 83.0 degrees: a pale beige.
Its lightness is 83% in HSL and 90.9% in OKLCH, 8 points apart; only the second tracks how light it looks. The CSS keyword navajowhite (#ffdead) is almost the same color: 0.015 apart in OKLab, under the step most people notice.
Black on wheat reads at 15.98:1, enough for AAA body text; white reaches 1.31:1 and should stay off it. Its neighbors in the hue-sorted list of names are peachpuff and burlywood.
The closest Tailwind 4.3.3 color is orange-200, 0.023 away in OKLab, so bg-orange-200 comes near; bg-[#f5deb3] gives the color itself.
Tints and shades
- #fdfaf2
- #fcf4e6
- #faefd9
- #f8e9cd
- #f7e4c0
- #f5deb3
- #c0ae8c
- #8e8066
- #5f5543
- #342e23
- #0e0b07
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
- #f5deb3
- #605539
- #c9af80
- #151a22
- #ae8737
Around wheat as swatch 1, Recolor's generator made a complementary palette, built on the hue opposite: #605539, #c9af80, #151a22, #ae8737, drawn from a seed fixed by its hex. Open it in Recolor.
Using wheat
As a text color, wheat on a black page gives the same 15.98:1.
.notice {
background-color: wheat; /* #f5deb3 */
color: black; /* 15.98:1 */
}Common questions
Does white text pass WCAG AA on wheat?
No. White text measures 1.31:1 on wheat, under AA's 4.5:1; black text measures 15.98:1 and passes.
Can wheat be written in OKLCH?
Yes: oklch(90.9% 0.061 83.0), computed from #f5deb3. A named color is an sRGB color, so its OKLCH value converts back to the same hex.
Is there a named color close to wheat?
Yes: navajowhite (#ffdead) is the nearest, 0.015 away in OKLab, then peachpuff at 0.021.