Home /Compare /Wheat vs Eggshell

Wheat vs Eggshell: What's the Difference?

The main difference between Wheat and Eggshell is hue — Wheat is a warm orange, while Eggshell is a warm yellow. Wheat (#F5DEB3) has an HSL of 39°, 77%, 83%, whereas Eggshell (#F0EAD6) sits at 46°, 46%, 89%.

Wheat#F5DEB3
Eggshell#F0EAD6
#F5DEB3Blended: #F3E4C5#F0EAD6

Wheat vs Eggshell: Key Differences at a Glance

Aspect Wheat Eggshell
BrightnessVery light (L=83%) — pale, delicate, gentleVery light (L=89%) — pale, delicate, gentle
SaturationVivid (S=77%) — bright, energetic, eye-catchingModerately saturated (S=46%) — balanced in intensity
Hue familyOrangeYellow
TemperatureWarmWarm
Hex code#F5DEB3#F0EAD6
RGB245, 222, 179240, 234, 214

Can you use Wheat and Eggshell together?

Eggshell text on Wheat
Wheat text on Eggshell
Contrast Ratio:1.09:1Insufficient Contrast

How to Tell Wheat and Eggshell Apart

  • ●Check saturation: Wheat looks more vivid and saturated.
  • ●Compare them on a white background to see true saturation, and on black to see true lightness.

When to Use Wheat vs Eggshell in Design

Use Wheat for:
●Call-to-action buttons
●Autumn and harvest themes
●Food, citrus, warmth branding
●Youthful energetic campaigns
●Friendly notification badges
Use Eggshell for:
●Warning states & highlights
●Children's and summer themes
●Happy, optimistic branding
●Taxi, logistics, signage
●Accent color in palettes

Wheat and Eggshell Hex Codes, RGB & HSL

Wheat#F5DEB3

Wheat (#F5DEB3) is a very light, vivid orange with a warm undertone — it feels pale, delicate, gentle and bright, energetic, eye-catching.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints
Eggshell#F0EAD6

Eggshell (#F0EAD6) is a very light, moderately saturated yellow with a warm undertone — it feels pale, delicate, gentle and balanced in intensity.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints

Wheat and Eggshell WCAG Contrast Ratios

Text legibility depends on the contrast ratio between foreground and background. WCAG 2.1 AA requires at least 4.5:1 for normal text and 3:1 for large text; AAA requires 7:1. Use these numbers to choose accessible combinations for your design.

Sample text preview
Wheat text on white
1.31:1Fail
Sample text preview
Wheat text on black
15.98:1AAA
Sample text preview
Eggshell text on white
1.2:1Fail
Sample text preview
Eggshell text on black
17.45:1AAA
Sample text preview
Wheat text on Eggshell
1.09:1Fail
Sample text preview
Eggshell text on Wheat
1.09:1Fail

Explore Wheat and Eggshell individually

Each color has a dedicated page with shades, tints, CSS name, pairings, and color psychology.

Wheat color page#F5DEB3 · shades, tints, pairingsEggshell color page#F0EAD6 · shades, tints, pairings

More Wheat and Eggshell Comparisons

WheatvsTanEggshellvsSandGoldvsWheatEggshellvsIvoryWheatvsSandCreamvsEggshellWheatvsStrawBeigevsEggshellLemonvsWheatPeachvsEggshellWheatvsCreamLinenvsEggshell

Wheat vs Eggshell FAQ

What is the difference between wheat and eggshell?+
The main difference between Wheat and Eggshell is hue — Wheat is a warm orange, while Eggshell is a warm yellow. Wheat (#F5DEB3) has an HSL of 39°, 77%, 83%, whereas Eggshell (#F0EAD6) sits at 46°, 46%, 89%.
Is wheat darker than eggshell?+
Yes. Wheat is darker, with a lightness of 83% in HSL compared to Eggshell at 89% — a 6-point gap.
Are wheat and eggshell the same color?+
No. Wheat is #F5DEB3 and Eggshell is #F0EAD6. They differ by 7° in hue, 6% in lightness, and 31% in saturation.
Which is more saturated, wheat or eggshell?+
Wheat is more saturated. In HSL, Wheat has 77% saturation and Eggshell has 46% — Wheat is the more vivid of the two, while Eggshell reads as more muted.
Is wheat warm or cool?+
Wheat (#F5DEB3) is a warm orange. Its hue sits at 39° on the color wheel, which places it in the warm range.
Is eggshell warm or cool?+
Eggshell (#F0EAD6) is a warm yellow. Its hue sits at 46° on the color wheel, which places it in the warm range.
Can you use wheat and eggshell together?+
Yes. Wheat (orange) and Eggshell (yellow) can work as a complementary or analogous pair. Use one as the dominant tone and the other as a 10–20% accent to keep the palette balanced.
What color family does wheat belong to?+
Wheat belongs to the orange family. Its HSL is 39°, 77%, 83% — a warm tone within the broader orange group.
What is the hex code for wheat?+
The hex code for Wheat is #F5DEB3. In RGB, that's rgb(245, 222, 179), and in HSL it's hsl(39, 77%, 83%).
What is the hex code for eggshell?+
The hex code for Eggshell is #F0EAD6. In RGB, that's rgb(240, 234, 214), and in HSL it's hsl(46, 46%, 89%).