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%).

What RGB values make Wheat?

Wheat is 245 red, 222 green, and 179 blue, written as rgb(245, 222, 179).

Wheat scores 1.31:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.

Yes. You can write color: wheat directly in CSS, which every browser resolves to #F5DEB3.

#F5DEB3

Wheat is an orange tone at #F5DEB3. It sits at 39 degrees on the color wheel with 77% saturation and 83% lightness.

Color values

Tints mix Wheat with white, shades mix it with black. Use the light end for backgrounds and the dark end for text that has to stay readable.

Tint 80%

#FDF8F0

Tint 60%

#FBF2E1

Tint 40%

#F9EBD1

Tint 20%

#F7E5C2

Base

#F5DEB3

Shade 20%

#C4B28F

Shade 40%

#93856B

Shade 60%

#625948

Shade 80%

#312C24

On white

Sample text

1.31:1

Fails WCAG for text

On black

Sample text

15.98:1

Passes AAA for body text

Check a specific pairing in the contrast checker.

Frequently asked

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%).
What RGB values make Wheat?: Wheat is 245 red, 222 green, and 179 blue, written as rgb(245, 222, 179).
Is Wheat readable as text on a white background?: Wheat scores 1.31:1 against white. WCAG AA needs 4.5:1 for body text, so it fails and should be used for fills or borders rather than type.
Is Wheat a valid CSS color name?: Yes. You can write color: wheat directly in CSS, which every browser resolves to #F5DEB3.