CSS named color
Wheat
#F5DEB3
HEX
#f5deb3RGB
rgb(245, 222, 179)HSL
hsl(39, 77%, 83%)OKLCH
oklch(90.88% 0.0615 83.03)NAME
wheatPalette
Complementary
180° on the color wheelComplement
#B2CAF5
Analogous
±30° around the base hueLeft
#F5BCB2
Right
#EBF5B2
Triadic
±120° for harmonic contrastTriad 1
#B2F5DE
Triad 2
#DEB2F5
Shades
Lighter and darker variantsCSS usage
By name
color: wheat;
background-color: wheat;By HEX
color: #f5deb3;
background-color: #f5deb3;By RGB
color: rgb(245, 222, 179);
background-color: rgb(245, 222, 179);By HSL
color: hsl(39, 77%, 83%);
background-color: hsl(39, 77%, 83%);WCAG contrast vs white
Aa
1.31:1
Below minimum
WCAG contrast vs black
Aa
15.98:1
AAA
Related colors
FAQ — Wheat
What is the HEX code for Wheat?
The HEX code for Wheat is #F5DEB3. It's one of the 148 named CSS colors and can be used directly in CSS as color: wheat; or color: #f5deb3;
What is Wheat in RGB?
Wheat in RGB is rgb(245, 222, 179) — red 245, green 222, blue 179.
What is Wheat in HSL?
Wheat in HSL is hsl(39, 77%, 83%) — hue 39°, saturation 77%, lightness 83%.
What is the complementary color of Wheat?
The complementary color (directly opposite Wheat on the color wheel) is #B2CAF5. The two together produce maximum contrast.
Is white text readable on Wheat?
The WCAG contrast ratio against white (#FFFFFF) is 1.31:1, and against black (#000000) it's 15.98:1. Black text is more readable. WCAG recommends at least 4.5:1 for body text.