- No data uploaded
- Instant results
Wheat — #F5DEB3
Wheat is the CSS named colour wheat, hex #F5DEB3. It has a contrast ratio of 1.31:1 on white and 15.98:1 on black — best used as text on dark backgrounds.
Wheat — #F5DEB3
Contrast on white 1.31:1 · on black 15.98:1
Tints
Shades
Complementary
Triadic
Analogous
Using Wheat in code
CSS: color: wheat; or color: #F5DEB3; · Tailwind: text-[#F5DEB3] · Android/Flutter: 0xFFF5DEB3
Wheat colour harmonies
Complementary: #B3CAF5 · Triadic: #B3F5DE, #DEB3F5 · Analogous: #F5BDB3, #EBF5B3. Use tints for backgrounds and shades for hover states.
Wheat in every colour format
| Format | Value |
|---|---|
| HEX | #F5DEB3 |
| RGB | rgb(245, 222, 179) |
| HSL | hsl(39, 77%, 83%) |
| HSV | hsv(39, 27%, 96%) |
| CMYK | cmyk(0%, 9%, 27%, 4%) |
| CSS name | wheat |
| Contrast on white | 1.31:1 |
| Contrast on black | 15.98:1 |
Frequently asked questions
What is the hex code for Wheat?
#F5DEB3 (CSS name: wheat).
What is Wheat in RGB?
rgb(245, 222, 179)
What colour goes well with Wheat?
Its complementary colour #B3CAF5, or the analogous #F5BDB3 and #EBF5B3.