Home /Compare /Mustard vs Sand

Mustard vs Sand: What's the Difference?

The main difference between Mustard and Sand is brightness and saturation: both are yellow shades, but they share similar brightness and Mustard is more saturated. Mustard (#FFDB58) has an HSL of 47°, 100%, 67%, whereas Sand (#C2B280) sits at 45°, 35%, 63%.

Mustard#FFDB58
Sand#C2B280
#FFDB58Blended: #E1C76C#C2B280

Mustard vs Sand: Key Differences at a Glance

Aspect Mustard Sand
BrightnessLight (L=67%) — airy, soft, approachableLight (L=63%) — airy, soft, approachable
SaturationVivid (S=100%) — bright, energetic, eye-catchingMuted (S=35%) — subdued, sophisticated
Hue familyYellowYellow
TemperatureWarmWarm
Hex code#FFDB58#C2B280
RGB255, 219, 88194, 178, 128

Can you use Mustard and Sand together?

Sand text on Mustard
Mustard text on Sand
Contrast Ratio:1.56:1Insufficient Contrast

How to Tell Mustard and Sand Apart

  • ●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 Sand in Design

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

Mustard and Sand 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
Sand#C2B280

Sand (#C2B280) is a light, muted yellow with a warm undertone — it feels airy, soft, approachable and subdued, sophisticated.

HEX
RGB
HSL
HSV
CMYK
PANTONE
Shades
Tints

Mustard and Sand 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
Sand text on white
2.11:1Fail
Sample text preview
Sand text on black
9.97:1AAA
Sample text preview
Mustard text on Sand
1.56:1Fail
Sample text preview
Sand text on Mustard
1.56:1Fail

Explore Mustard and Sand individually

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

Mustard color page#FFDB58 · shades, tints, pairingsSand color page#C2B280 · shades, tints, pairings

More Mustard and Sand Comparisons

TanvsMustardTanvsSandGoldvsMustardGoldvsSandMustardvsTealRustvsSandMustardvsNavySandvsBeigeMustardvsRustSandvsKhakiBeigevsSandOchrevsMustard

Mustard vs Sand FAQ

What is the difference between mustard and sand?+
The main difference between Mustard and Sand is brightness and saturation: both are yellow shades, but they share similar brightness and Mustard is more saturated. Mustard (#FFDB58) has an HSL of 47°, 100%, 67%, whereas Sand (#C2B280) sits at 45°, 35%, 63%.
Is mustard darker than sand?+
No. Sand is the darker of the two at 63% lightness, while Mustard sits higher at 67%.
Are mustard and sand the same color?+
No. Mustard is #FFDB58 and Sand is #C2B280. They differ by 2° in hue, 4% in lightness, and 65% in saturation.
Which is more saturated, mustard or sand?+
Mustard is more saturated. In HSL, Mustard has 100% saturation and Sand has 35% — Mustard is the more vivid of the two, while Sand 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 sand warm or cool?+
Sand (#C2B280) is a warm yellow. Its hue sits at 45° on the color wheel, which places it in the warm range.
Can you use mustard and sand together?+
Yes. Both mustard and sand are yellow shades, so they pair naturally in a monochromatic palette. Use sand as the dominant color and mustard 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 sand?+
The hex code for Sand is #C2B280. In RGB, that's rgb(194, 178, 128), and in HSL it's hsl(45, 35%, 63%).