Home /Compare /Mustard vs Eggshell

Mustard vs Eggshell: What's the Difference?

The main difference between Mustard and Eggshell is brightness and saturation: both are yellow shades, but Eggshell is lighter and Mustard is more saturated. Mustard (#FFDB58) has an HSL of 47°, 100%, 67%, whereas Eggshell (#F0EAD6) sits at 46°, 46%, 89%.

Mustard#FFDB58
Eggshell#F0EAD6
#FFDB58Blended: #F8E397#F0EAD6

Mustard vs Eggshell: Key Differences at a Glance

Aspect Mustard Eggshell
BrightnessLight (L=67%) — airy, soft, approachableVery light (L=89%) — pale, delicate, gentle
SaturationVivid (S=100%) — bright, energetic, eye-catchingModerately saturated (S=46%) — balanced in intensity
Hue familyYellowYellow
TemperatureWarmWarm
Hex code#FFDB58#F0EAD6
RGB255, 219, 88240, 234, 214

Can you use Mustard and Eggshell together?

Eggshell text on Mustard
Mustard text on Eggshell
Contrast Ratio:1.12:1Insufficient Contrast

How to Tell Mustard and Eggshell Apart

  • ●Look at lightness first: Eggshell is noticeably lighter.
  • ●Check saturation: Mustard 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 Mustard vs Eggshell in Design

Use Mustard for:
●Warning states & highlights
●Children's and summer themes
●Happy, optimistic branding
●Taxi, logistics, signage
●Accent color in palettes
Use Eggshell for:
●Warning states & highlights
●Children's and summer themes
●Happy, optimistic branding
●Taxi, logistics, signage
●Accent color in palettes

Mustard and Eggshell Hex Codes, RGB & HSL

Mustard#FFDB58

Mustard (#FFDB58) is a light, vivid yellow with a warm undertone — it feels airy, soft, approachable 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

Mustard 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
Mustard text on white
1.35:1Fail
Sample text preview
Mustard text on black
15.53:1AAA
Sample text preview
Eggshell text on white
1.2:1Fail
Sample text preview
Eggshell text on black
17.45:1AAA
Sample text preview
Mustard text on Eggshell
1.12:1Fail
Sample text preview
Eggshell text on Mustard
1.12:1Fail

Explore Mustard and Eggshell individually

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

Mustard color page#FFDB58 · shades, tints, pairingsEggshell color page#F0EAD6 · shades, tints, pairings

More Mustard and Eggshell Comparisons

TanvsMustardEggshellvsSandGoldvsMustardEggshellvsIvoryMustardvsTealCreamvsEggshellMustardvsNavyBeigevsEggshellMustardvsRustPeachvsEggshellMustardvsSandLinenvsEggshell

Mustard vs Eggshell FAQ

What is the difference between mustard and eggshell?+
The main difference between Mustard and Eggshell is brightness and saturation: both are yellow shades, but Eggshell is lighter and Mustard is more saturated. Mustard (#FFDB58) has an HSL of 47°, 100%, 67%, whereas Eggshell (#F0EAD6) sits at 46°, 46%, 89%.
Is mustard darker than eggshell?+
Yes. Mustard is darker, with a lightness of 67% in HSL compared to Eggshell at 89% — a 22-point gap.
Are mustard and eggshell the same color?+
No. Mustard is #FFDB58 and Eggshell is #F0EAD6. They differ by 1° in hue, 22% in lightness, and 54% in saturation.
Which is more saturated, mustard or eggshell?+
Mustard is more saturated. In HSL, Mustard has 100% saturation and Eggshell has 46% — Mustard is the more vivid of the two, while Eggshell reads as more muted.
Is mustard warm or cool?+
Mustard (#FFDB58) is a warm yellow. Its hue sits at 47° 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 mustard and eggshell together?+
Yes. Both mustard and eggshell are yellow shades, so they pair naturally in a monochromatic palette. Use mustard as the dominant color and eggshell as the accent or highlight.
What color family does mustard belong to?+
Mustard belongs to the yellow family. Its HSL is 47°, 100%, 67% — a warm tone within the broader yellow group.
What is the hex code for mustard?+
The hex code for Mustard is #FFDB58. In RGB, that's rgb(255, 219, 88), and in HSL it's hsl(47, 100%, 67%).
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%).