Brown color

Wheat #F5DEB3

#F5DEB3 · rgb(245, 222, 179)

Wheat is the color #F5DEB3. In RGB it is rgb(245, 222, 179) — 96% red, 87% green and 70% blue. Its CMYK breakdown is 0% cyan, 9% magenta, 27% yellow and 4% black, and in HSL it sits at 39° hue, 77% saturation and 83% lightness. Wheat is one of the 140 standard CSS / HTML color names, so color: wheat works in CSS. The closest web-safe color is #FFCCCC.

Open in color picker Convert Make a palette Check contrast

Wheat color codes

Hex#F5DEB3

RGBrgb(245, 222, 179)

RGB %96%, 87%, 70%

HSLhsl(39, 77%, 83%)

HSV / HSBhsv(39, 27%, 96%)

CMYKcmyk(0%, 9%, 27%, 4%)

OKLCHoklch(91% 0.061 83)

Closest web-safe#FFCCCC

Wheat color meaning

Wheat is a soft and airy brown — a warm color at 83% lightness and 77% saturation. Like other browns, it is linked with warmth, stability and nature. It recalls earth, wood and leather, so it feels grounded, reliable and cozy.

Because it is soft and airy, wheat works best for backgrounds, walls, baby rooms, wedding stationery and large calm surfaces. As text on white it would be too faint (1.3:1), so use it for fills and backgrounds and put black text on top (16.0:1).

What colors go with Wheat?

Wheat pairs well with Periwinkle, Light Pink, Pale Goldenrod and Charcoal: Periwinkle sits close to its opposite on the color wheel for strong contrast, Light Pink and Pale Goldenrod are neighbors that keep a scheme calm, and Charcoal gives the eye somewhere to rest.

Build a full scheme around wheat in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Wheat at a glance

Color family	Brown · warm, soft and airy
CSS color name	Yes — `wheat` works in CSS
As text on white	1.31:1 — not readable as text
Best text on it	Black (15.98:1)
For print (CMYK)	0% cyan, 9% magenta, 27% yellow, 4% black
Full screen	Open the wheat screen — fill your display or download it in 4K

Contrast

Contrast ratio of Wheat against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 1.31:1 Black text — 15.98:1

Shades, tints & tones

Shades — toward black

Tints — toward white

Tones — toward gray

Color harmonies

Complementary

Analogous

Split-complementary

Triadic

Tetradic

Square

Rainbow

Colors similar to Wheat

Wheat color FAQ

What is the hex code for Wheat?

Wheat is #F5DEB3, which is rgb(245, 222, 179) and hsl(39, 77%, 83%). For print it is roughly C0 M9 Y27 K4.

What colors go with Wheat?

Wheat pairs well with Periwinkle, Light Pink, Pale Goldenrod, Charcoal. Periwinkle gives the strongest contrast, being close to its complementary color. Neutrals such as Charcoal also work well alongside it.

Is Wheat a warm or cool color?

Wheat is a warm color: its hue is 39°, on the red, orange and yellow side of the color wheel.

What text color looks best on Wheat?

Black text, with a contrast ratio of 16.0:1, which meets WCAG AA for normal text.