What is the hex code for Wheat?

The hex code for Wheat is #F5DEB3.

What is the RGB value of Wheat?

The RGB value of Wheat is rgb(245, 222, 179).

What is the HSL value of Wheat?

The HSL value of Wheat is hsl(39, 77%, 83%).

What is the HSV value of Wheat?

The HSV value of Wheat is hsv(39, 27%, 96%).

What CSS code do I use for Wheat?

Use background-color: #F5DEB3; for background, color: #F5DEB3; for text, or border: 1px solid #F5DEB3; for borders.

Wheat Hex #F5DEB3: HTML Color Code & Gradients

Wheat (#F5DEB3) Color Codes & Gradients

Color Preview

Make a gradient with Wheat →

Opens Wheat with a similar color in the generator: change the colors or the gradient type, then copy the CSS or download. More gradient variations below.

Technical Color Values (Hex, RGB, HSV, HSL)

HTML Name	wheat
Hex	#F5DEB3
RGB	rgb(245, 222, 179)
HSV	hsv(39, 27%, 96%)
HSL	hsl(39, 77%, 83%)
OKLCH	oklch(90.88% 0.0615 83.03)

What is the color name for #F5DEB3?

#F5DEB3 color name is Wheat.

Color Information

The HTML color Wheat has the hexadecimal code #F5DEB3 and in the RGB color space is composed of 96% red, 87% green, and 70% blue. The color Wheat has a hue angle of 39.1 degrees, a saturation of 76.7% and a lightness of 83.1%.

Wheat CSS Code Snippets

Background Color

.bg-wheat { background-color: #F5DEB3; }

Text Color

.text-wheat { color: #F5DEB3; }

Border Color

.border-wheat { border: 1px solid #F5DEB3; }

Shade Gradient

.gradient-shade-wheat { background: linear-gradient(135deg, #F5DEB3, #EEC77D); }

Tint Gradient

.gradient-tint-wheat { background: linear-gradient(135deg, #F5DEB3, #FCF5E9); }

Monochromatic Gradient

.gradient-mono-wheat { background: linear-gradient(135deg, #F5DEB3, #D1BD98); }

Wheat Shades

#F4DAAA

#F3D6A1

#F1D298

#F0CE8F

#EFCA86

#EEC77D

Wheat Tints

#F6E2BC

#F7E6C5

#F9EACE

#FAEED7

#FBF2E0

#FCF5E9

Wheat Tones

#EFDCB9

#EADBBE

#E4D9C4

#DFD7C9

#D9D6CF

#D4D4D4

Wheat Monochromatic

#D1BD98

#AC9C7E

#887B63

#635A49

#3F392E

#1A1813

Similar Colors to Wheat

#F5C8B3

#F5D1B3

#F5DAB3

#F5E2B3

#F5EBB3

#F5F4B3

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator