Wheat hex code
The hex code for wheat is #F5DEB3. In RGB that is rgb(245, 222, 179) and in HSL it is hsl(39, 77%, 83%).
The hex code for wheat is #F5DEB3. In RGB that is rgb(245, 222, 179) and in HSL it is hsl(39, 77%, 83%).
Wheat · #F5DEB3
Colour codes
- HEX
- #F5DEB3
- RGB
- rgb(245, 222, 179)
- HSL
- hsl(39, 77%, 83%)
- CMYK
- 0, 9, 27, 4
- CSS name
- wheat
- Contrast on white
- 1.31:1
- Contrast on black
- 15.98:1
Tints and shades
20% lighter · #f7e5c2
40% lighter · #f9ebd1
60% lighter · #fbf2e1
80% lighter · #fdf8f0
20% darker · #c4b28f
40% darker · #93856b
60% darker · #625948
80% darker · #312c24
Complementary colour
Wheat · #F5DEB3
Opposite on the colour wheel · #b2caf5
Frequently asked questions
What is the hex code for wheat?
The hex code for wheat is #F5DEB3. In RGB that is rgb(245, 222, 179) and in HSL it is hsl(39, 77%, 83%).
Can I use wheat for text?
It has a contrast ratio of 1.31:1 on white and 15.98:1 on black. Body text needs 4.5:1 under WCAG AA, so it works as text on a dark background, not on white.
What colour goes with wheat?
Its complementary colour, opposite on the colour wheel, is #B2CAF5. Pairing a colour with its complement gives the strongest contrast; for something calmer, use a tint or shade of wheat instead.
Is wheat a CSS colour name?
Yes. CSS accepts the keyword wheat, so color: wheat and color: #F5DEB3 render exactly the same.