Wheat Color

Learn about Wheat (#f5deb3): its uses in web design, HEX/RGB/HSL values, complementary and analogous color schemes, tints and shades, and accessibility contrast recommendations.

#f5deb3
HEX #f5deb3
RGB rgb(245, 222, 179)
HSL 39°, 77%, 83%

About Wheat Color

Wheat is a warm, pale golden-brown that evokes harvest and agriculture. It adds a rustic, wholesome feel to organic food brands and farm-related designs.

Use Cases for Wheat

organic foodfarm brandsharvest themesagriculturerustic packaging

Shades & Tints of Wheat

#ffffff
#fdf7ec
#faefd9
#f8e6c6
#f5deb3
#b8a786
#7b6f5a
#3d382d
#000000

Complementary Color

#f5deb3
#b2caf5

Analogous Colors

#f5bcb2
#f5deb3
#ebf5b2

CSS Code

.wheat-color {
  color: #f5deb3;
}

Contrast Recommendations

Black text on Wheat
Ratio: 15.98:1 ✓ Passes AA ✓ Passes AAA
White text on Wheat
Ratio: 1.31:1 ✗ Fails AA ✗ Fails AAA

Frequently Asked Questions

What color is Wheat?

Wheat is represented by the hex code #f5deb3 and has RGB values of rgb(245, 222, 179). It falls under the Brown category.

How to use Wheat in web design?

Wheat works well for organic food, farm brands, harvest themes. Wheat is a warm, pale golden-brown that evokes harvest and agriculture. It adds a rustic, wholesome feel to organic food brands and farm-related designs. Use it as a primary color, accent, or background depending on your design needs.

What colors go with Wheat?

Colors that pair well with Wheat include burlywood, tan, bisque, navajowhite, palegoldenrod. For a complementary scheme, try #b2caf5. For an analogous scheme, use #f5bcb2 and #ebf5b2.