Wheat is a light, saturated shade in the orange color family, with a warm feel. Its HEX code is #F5DEB3, which equals rgb(245, 222, 179) in RGB and hsl(39, 77%, 83%) in HSL. In print terms it converts to roughly C0 M9 Y27 K4, although exact CMYK results depend on the paper and color profile.
- HEX
#F5DEB3 - RGB
245, 222, 179 - HSL
39°, 77%, 83% - CMYK
0, 9, 27, 4 - Family
Orange - Tone
Light, saturated
About Wheat
Orange shades feel warm, friendly and optimistic. They sit between the intensity of red and the cheer of yellow, and work well for buttons, highlights and playful brands. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 15.98:1. Its complementary color is #B2CAF5.
Download Wheat as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Wheat color codes
| HEX | #F5DEB3 |
|---|---|
| RGB | rgb(245, 222, 179) |
| HSL | hsl(39, 77%, 83%) |
| HSV | 39°, 27%, 96% |
| CMYK | 0%, 9%, 27%, 4% |
| Decimal | 16113331 |
Shades and tints of Wheat
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FDFAF2 - 100
#FCF4E6 - 200
#FAEFD9 - 300
#F8E9CC - 400
#F7E4C0 - 500
#F5DEB3 - 600
#CCB995 - 700
#A39477 - 800
#7B6F5A - 900
#524A3C - 950
#29251E
Color harmonies for Wheat
- Complementary
#B2CAF5≈ Very Pale Bright Cornflower - Analogous −30°
#F5BCB2≈ Very Pale Bright Vermilion - Analogous +30°
#EBF5B2≈ Very Pale Bright Citron - Triadic +120°
#B2F5DE≈ Very Pale Bright Aquamarine - Triadic +240°
#DEB2F5≈ Very Pale Bright Grape - Split 150°
#B2EBF5≈ Very Pale Bright Lagoon - Split 210°
#BCB2F5≈ Very Pale Bright Indigo
Contrast and accessibility of Wheat
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Wheat | Aa | 1.31:1 | Fails |
| Black text on Wheat | Aa | 15.98:1 | AAA (excellent) |
CSS code for Wheat
background-color: #F5DEB3;color: #F5DEB3;background-color: rgb(245, 222, 179);background-color: hsl(39, 77%, 83%);:root { --color-wheat: #F5DEB3; }class="bg-[#F5DEB3]"Colors similar to Wheat
- Very Pale Bright Amber
#F6E0AC - Very Pale Soft Amber
#EDDCB6 - Very Pale Bright Tangerine
#F6D8AC - Very Pale Soft Marigold
#EDE2B6 - Navajo White
#FFDEAD - Very Pale Soft Tangerine
#EDD7B6 - Very Pale Bright Marigold
#F6E7AC - Peach Puff
#FFDAB9 - Moccasin
#FFE4B5 - Peach
#FFE5B4 - Very Pale Soft Gold
#EDE7B6 - Pale Goldenrod
#EEE8AA
More orange shades
- Moccasin
#FFE4B5 - Navajo White
#FFDEAD - Old Lace
#FDF5E6 - Orange Red
#FF4500 - Papaya Whip
#FFEFD5 - Sandy Brown
#F4A460 - Amber
#FFBF00 - Champagne
#F7E7CE - Bronze
#CD7F32 - Copper
#B87333 - Marigold
#EAA221
Frequently asked questions
What is the HEX code for Wheat?
The HEX code for Wheat is #F5DEB3.
What is the RGB value of Wheat?
Wheat has an RGB value of 245, 222, 179 (rgb(245, 222, 179)). In HSL it is 39°, 77%, 83%.
What text color should I use on Wheat?
Use black text on Wheat. White text has a contrast ratio of 1.31:1 and black text has 15.98:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Wheat?
The complementary color of Wheat is #B2CAF5. Analogous colors #F5BCB2 and #EBF5B2 also pair well.