#f5deb3 rgb(245, 222, 179) 39°, 77%, 83% Use Wheat in Your Projects
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
Shades & Tints of Wheat
Complementary Color
Analogous Colors
Triadic Colors
Split Complementary
Tetradic Colors
CSS Code
.wheat-color {
color: #f5deb3;
background-color: #f5deb3;
}
/* As a CSS custom property */
:root {
--color-wheat: #f5deb3;
}Accessibility Score
A combined score based on WCAG contrast compliance, lightness versatility, and usable range. Higher scores mean the color works well in more design contexts.
Contrast Recommendations
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. For a triadic scheme, combine with #b2f5de and #deb2f5.