Wheat color values
| Format | Value |
|---|---|
| Hex | #F5DEB3 |
| RGB | rgb(245, 222, 179) |
| HSL | hsl(39, 77%, 83%) |
| HSV | 39, 27%, 96% |
| CMYK (simple conversion) | 0%, 9%, 27%, 4% |
| Decimal | 16113331 |
CMYK is calculated with the standard formula from the RGB values. Printed colors depend on the ink and paper, so treat it as a starting point.
About Wheat
A pale, warm yellow brown that mirrors the color of ripe wheat stalks. It serves as a comforting background shade in bakery branding and rustic web themes. The tone feels wholesome, agricultural, and naturally inviting to viewers. It is one of the 148 CSS named colors.
Shades and tints of Wheat
Tints mix Wheat with white and shades mix it with black. Each step changes the color by 10 percentage points.
| Step | Tint (towards white) | Shade (towards black) |
|---|---|---|
| 10% | #F6E1BB | #DDC8A1 |
| 20% | #F7E5C2 | #C4B28F |
| 30% | #F8E8CA | #AC9B7D |
| 40% | #F9EBD1 | #93856B |
| 50% | #FAEFD9 | #7B6F5A |
Color harmony for Wheat
These colors keep the same saturation and lightness as Wheat and rotate the hue around the color wheel.
| Scheme | Colors |
|---|---|
| Complementary | #B3CAF5 |
| Analogous | #F5BDB3 #EBF5B3 |
| Triadic | #B3F5DE #DEB3F5 |
| Split complementary | #B3EBF5 #BDB3F5 |
Contrast and accessibility
Contrast between #F5DEB3 and white is 1.31:1 (fails). Against black it is 15.98:1 (passes AAA). For text on a Wheat background, black text is the more readable choice.
Use Wheat in CSS
.element {
color: wheat;
background-color: #F5DEB3;
border-color: rgb(245 222 179);
outline-color: hsl(39 77% 83%);
}All four lines produce exactly the same color. The keyword wheat is one of the CSS named colors, so it works in every browser without a color function.
Similar named colors
- navajowhite: #FFDEAD
- moccasin: #FFE4B5
- peachpuff: #FFDAB9
- palegoldenrod: #EEE8AA
FAQ
What is the hex code for Wheat?
The hex code for Wheat is #F5DEB3. As a CSS color keyword you can also write wheat.
What is Wheat in RGB?
Wheat is rgb(245, 222, 179): red 245, green 222, blue 179 on the 0 to 255 scale.
What color is closest to Wheat?
Of the CSS named colors, navajowhite (#FFDEAD) is the closest match to Wheat, followed by moccasin and peachpuff.
More colors
- Turquoise: previous page
- White: next page
- CSS named colors: the full list