Wheat #F5DEB3

Wheat#F5DEB3 · rgb(245, 222, 179)

Wheat color codes

CSS namewheat
HEX#F5DEB3
RGBrgb(245, 222, 179)
HSLhsl(39, 77%, 83%)
CMYKcmyk(0%, 9%, 27%, 4%)
Decimal16113331

Shades of Wheat (darker)

#DDC8A1 · #C4B28F · #AC9B7D · #93856B · #7B6F5A · #625948 · #4A4336 · #312C24 · #191612

Tints of Wheat (lighter)

#F6E1BB · #F7E5C2 · #F8E8CA · #F9EBD1 · #FAEFD9 · #FBF2E1 · #FCF5E8 · #FDF8F0 · #FEFCF7

Color harmonies

Complementary
#B2CAF5
Triadic
#B2F5DE, #DEB2F5
Analogous
#F5BCB2, #EBF5B2

Accessibility (WCAG contrast)

White text on Wheat1.31:1 · Fail
Black text on Wheat15.98:1 · AAA

Use Wheat in code

.element {
  color: wheat;          /* or #f5deb3 */
  background-color: rgb(245 222 179 / 0.5);
}

Frequently asked questions

What is the hex code for Wheat?

Wheat is #F5DEB3 in HEX, rgb(245, 222, 179) in RGB and hsl(39, 77%, 83%) in HSL.

Can I use "wheat" directly in CSS?

Yes. "wheat" is one of the 148 standard CSS named colors, so color: wheat; works in every browser.

Is Wheat readable on white?

The contrast ratio of Wheat on white is 1.31:1 (WCAG Fail). On black it is 15.98:1 (AAA).

What is the complementary color of Wheat?

The complementary color (opposite on the color wheel) is #B2CAF5.

Similar colors

Navajo White#FFDEADMoccasin#FFE4B5Peach Puff#FFDAB9Pale Goldenrod#EEE8AABisque#FFE4C4Blanched Almond#FFEBCDAntique White#FAEBD7Papaya Whip#FFEFD5

Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.