yellowwarmCSS named color

Wheat #F5DEB3

Wheat is a light, highly saturated warm-toned color with a warm cast. Defined as one of the 148 CSS named colors in the W3C CSS Color Module Level 4 specification.

Use cases: Highlights · Warm accents

Open in generator →Colors that go with wheat →

Families: Oranges · Peach Colors

Color values

FormatValue
HEX#F5DEB3
RGBrgb(245, 222, 179)
HSLhsl(39, 77%, 83%)
HSVhsv(39, 27%, 96%)
OKLCHoklch(90.88% 0.061 83)
OKLaboklab(90.88% 0.0075 0.061)
CMYKcmyk(0%, 9.4%, 26.9%, 3.9%)
XYZxyz(71.9147, 74.9117, 53.3102)
CIE-LABlab(89.4, 1.5, 24.0)
CIE-LCHlch(89.4, 24.1, 86.4°)
Luminance0.749 (WCAG relative)
/* Wheat */ --wheat: #f5deb3; color: #f5deb3; background-color: #f5deb3;

Source: W3C CSS named color. CSS keyword: wheat.

Shade scale

Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →

50
100
200
300
400
500
600
700
800
900
950

OKLCH ramp (perceptually uniform, modern CSS)

50
100
200
300
400
500
600
700
800
900
950

Shades (toward black)

#dac59f #bfad8c #a5967a #8b7f67 #736956 #5b5345 #443f34 #2f2b25 #1b1916 #000000

Tints (toward white)

#f6e1ba #f8e4c2 #f9e8ca #faebd1 #fbeed9 #fcf2e0 #fdf5e8 #fef8f0 #fefcf7 #ffffff

Tones (toward gray)

#f3deb8 #f1debc #f0dfc1 #eedfc5 #ecdfca #eadfce #e7e0d3 #e5e0d7 #e3e0dc #e0e0e0

Color harmonies

Complementary

Edit in generator →
#F5DEB3
#B3CAF5
#f5deb3 #b3caf5

Analogous

Edit in generator →
#F5BDB3
#F5DEB3
#EBF5B3
#f5bdb3 #f5deb3 #ebf5b3

Triadic

Edit in generator →
#F5DEB3
#B3F5DE
#DEB3F5
#f5deb3 #b3f5de #deb3f5

Tetradic

Edit in generator →
#F5DEB3
#B3F5BD
#B3CAF5
#F5B3EB
#f5deb3 #b3f5bd #b3caf5 #f5b3eb

Square

Edit in generator →
#F5DEB3
#B3F5BD
#B3CAF5
#F5B3EB
#f5deb3 #b3f5bd #b3caf5 #f5b3eb

Split Complementary

Edit in generator →
#F5DEB3
#B3EBF5
#BDB3F5
#f5deb3 #b3ebf5 #bdb3f5

Monochromatic

Edit in generator →
#E7AF47
#EEC77D
#F5DEB3
#FBF3E4
#FBF3E4
#e7af47 #eec77d #f5deb3 #fbf3e4 #fbf3e4

Accessibility & contrast

1.31
#F5DEB3 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
15.98
#F5DEB3 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓

Best text on wheat

15.98
#000000 text

WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1. Open the contrast checker →

Color blindness preview

Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.

Normal vision
Protanopia (red-blind)
#E9DDB0
Deuteranopia (green-blind)
#EFE3B4
Tritanopia (blue-blind)
#FFD6D2

Closest named colors

Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀) across the full color database.

ColorNameΔE₀₀
Moccasin #FFE4B51.99
Navajowhite #FFDEAD3.14
Pale Peach #FFE5AD3.41
Bisque #FFE4C44.61
Blanchedalmond #FFEBCD4.73
Vanilla #F3E5AB5.36

Colors that go with wheat

Top matches by hue harmony, contrast and saturation compatibility. See all 10 ranked combinations →

Espresso #4B382A
8.4:1
Analogous hue (Δh ≈14°) — neighbors on the color wheel
Dark Olive #373E02
8.6:1
Analogous hue (Δh ≈28°) — neighbors on the color wheel
Midnight Purple #280137
13.9:1
Triadic harmony (Δh ≈116°) — balanced three-way contrast
Midnight #03012D
15.3:1
Split-complementary angle (Δh ≈156°) — strong but softer than direct complement
Navy Blue #1B2A4A
10.8:1
Complementary hue (Δh ≈178°) — maximum hue contrast

Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.