Codes & values
- Color Name
Wheat - Color ID
KDF-C-16113331 - HEX
#F5DEB3 - RGB
rgb(245, 222, 179) - RGBA
rgba(245, 222, 179, 1) - HSL
hsl(39, 77%, 83%) - HSLA
hsla(39, 77%, 83%, 1) - HSV / HSB
hsv(39, 27%, 96%) - CMYK
cmyk(0%, 9%, 27%, 4%) - Light / Dark
light
Quick answers
- What is the HEX code for Wheat?
- #F5DEB3
- What is Wheat RGB?
- rgb(245, 222, 179)
- What is Wheat HSL?
- hsl(39, 77%, 83%)
- What is Wheat CMYK?
- cmyk(0%, 9%, 27%, 4%)
What is Wheat?
Wheat is a curated orange family color at #F5DEB3. It appears in our library with tags for web, design, ui and matches the CSS named color keyword. This shade classifies as light — best as backgrounds, soft UI fills, or pastel accents. Temperature lean: warm — energetic, inviting, and closer to red/orange/yellow on the wheel..
Wheat HEX code
The HEX code for Wheat is #F5DEB3. Paste it into CSS as color: #F5DEB3; or background-color: #F5DEB3;. Design tools accept the same six-digit value without the # prefix (f5deb3).
Wheat RGB
Wheat in RGB is rgb(245, 222, 179) (channels R 245, G 222, B 179). Use RGB when you need opacity via rgba(245, 222, 179, 1).
Wheat HSL & HSV
HSL is hsl(39, 77%, 83%) — useful for generating lighter/darker variants by adjusting lightness. HSV/HSB is hsv(39, 27%, 96%), closer to how many digital pickers expose hue, saturation, and brightness.
Wheat CMYK
Approximate CMYK for Wheat is cmyk(0%, 9%, 27%, 4%). Screen HEX/RGB values are device-dependent; for print, always soft-proof in your print profile rather than relying on a web conversion alone.
Shades of Wheat
Darker shades (mixed toward black): #CCB995, #A39477, #7B6F5A, #524A3C, #29251E. Use deeper shades for hover states, borders, and dark-mode accents.
Tints of Wheat
Lighter tints (mixed toward white): #F7E4C0, #F8E9CC, #FAEFD9, #FCF4E6, #FDFAF2. Tints work well for soft backgrounds, chips, and secondary buttons.
Colors that go with Wheat
Complementary pairing: #F5DEB3, #B3CAF5. Analogous neighbors: #F5BDB3, #F5DEB3, #EBF5B3. Triadic accents: #F5DEB3, #B3F5DE, #DEB3F5. Always check text contrast when pairing.
Wheat color combinations
A practical combo: primary #F5DEB3, complementary accent #B3CAF5, and a neutral charcoal or off-white for text and surfaces. Split-complementary options: #F5DEB3, #B3EBF5, #BDB3F5.
Wheat in web design
Orange is a strong CTA and promo accent. It reads energetic on light backgrounds and pairs well with deep navy or charcoal for e-commerce and food brands.
Wheat in branding
Brand oranges feel approachable and action-oriented — common in marketplaces and youth-facing apps. Contrast vs white is 1.31:1 (better as a large accent or background than small body text); vs black 15.98:1.
Frequently asked questions
- What is the HEX code for Wheat?
- Wheat: #F5DEB3.
- What is Wheat RGB?
- Wheat: rgb(245, 222, 179).
- What is Wheat HSL?
- Wheat: hsl(39, 77%, 83%).
- What is Wheat CMYK?
- Wheat: cmyk(0%, 9%, 27%, 4%).
- What colors go with Wheat?
- Try complementary #F5DEB3, #B3CAF5 or analogous #F5BDB3, #F5DEB3, #EBF5B3.
- Is Wheat good for text on white?
- Not ideal for small body text (1.31:1). Use as a large heading, button, or background instead.
Accessibility snapshot
Contrast vs white: 1.31:1 (prefer large accent or background). Contrast vs black: 15.98:1. Complementary swatch: #F5DEB3, #B3CAF5.
Explore related
Orange colorsColor pickerPalette generatorContrast checkerColor guidesComplete Color Code GuideHow HEX Colors WorkHEX vs RGB vs CMYK