Wheat (CSS)

Wheat (CSS) is a very light, saturated orange color with the hex code #F5DEB3 (hue 39°, saturation 77%, lightness 83%). It is also the CSS named color wheat.

#F5DEB3

	Name	HEX	RGB	HSL	CMYK	OKLCH
	Wheat (CSS)	`#F5DEB3`	245, 222, 179	39°, 77%, 83%	0, 9, 27, 4	90.9% 0.061 83

Contrast with white text 1.31:1, with black text 15.98:1 — use black text on Wheat (CSS).

wheat is one of the 148 named colors in CSS, with exactly this value, so color: wheat works in any browser without a hex code.

Huebook · Maintained by Iris Marlow (pen name) · automated checks · Data: color-name-list (MIT) for names; CSS Color Module Level 4 (W3C) for CSS named colors · Updated Oct 19, 2026 · How the checks work

Tints and shades

#F9EBD2

#F0CE8E

#E7B14B

#CB8D1B

#875E12

#442F09

Colors that go with Wheat (CSS)

Six color schemes built on Wheat (CSS) with classic harmony rules. The complementary scheme pairs it with Alphabet Blue (#ABCDEF), the color opposite it on the color wheel.

Nearest CSS named colors

Navajo White (navajowhite): Navajo White (#FFDEAD) is about as light as Wheat (CSS) (relative luminance 0.765 vs 0.749) and more saturated, with its hue 3° away.
Peach Puff (peachpuff): Peach Puff (#FFDAB9) is about as light as Wheat (CSS) (relative luminance 0.749 vs 0.749) and more saturated, with its hue 11° away.
Moccasin (CSS) (moccasin): Moccasin (CSS) (#FFE4B5) is lighter than Wheat (CSS) (relative luminance 0.801 vs 0.749) and more saturated, with the same hue.
Bisque (bisque): Bisque (#FFE4C4) is lighter than Wheat (CSS) (relative luminance 0.807 vs 0.749) and more saturated, with its hue 7° away.

Similar very light orange colors

Questions

What is the hex code for Wheat (CSS)?

#F5DEB3 — RGB 245, 222, 179, HSL 39°, 77%, 83%.

Is Wheat (CSS) a warm or cool color?

Warm — its hue sits at 39° on the color wheel.