Skip to content

Mustard #ffdb58

Yellow with opinions.

RGB
255, 219, 88
HSL
47°, 100%, 67%
CMYK
0, 14, 66, 0
Luminance
0.7263

About Mustard

Mustard, #ffdb58, is yellow darkened toward the condiment — confidence where lemon is cheer. It is the retro-modern accent of the last decade: mid-century chairs, denim jackets and indie packaging all reached for it at once.

History

The condiment named it, but the 1960s–70s made it iconic: mustard appliances, upholstery and wallpaper defined an era’s optimism. Its 2010s revival came bundled with terrazzo, teal and the whole mid-century nostalgia economy.

Psychology

Mustard reads warm, creative and a little contrarian — yellow’s optimism with vintage credibility. It photographs beautifully against denim and gray skies, which Instagram fashion discovered en masse.

In design

Mustard is the yellow that survives on white — barely (#c49102-class darks reach text-safe territory; #ffdb58 itself stays decorative). It pairs with teal (the definitive retro duo), charcoal, olive, burgundy and walnut. In UI it makes superb badges and highlights on dark slate.

In culture

Cutting the mustard, mustard-keen, mustard gas’s grim namesake: the word ranges far. In fashion timelines, mustard is how you date a photograph to either 1972 or 2018.

Brands that own mustard

Shades of mustard

Every format

HEX#ffdb58
RGBrgb(255, 219, 88)
HSLhsl(47, 100%, 67%)
CMYKcmyk(0%, 14%, 66%, 0%)
LABlab(88.3 -1.5 66.8)
LCHlch(88.3 66.8 91.3)
OKLCHoklch(0.898 0.151 93.7)

Copy-ready code

/* CSS */
color: #ffdb58;
background-color: #ffdb58;
/* Tailwind (arbitrary) */
class="text-[#ffdb58] bg-[#ffdb58]"
/* SCSS */
$brand: #ffdb58;
/* SwiftUI */
Color(red: 1.000, green: 0.859, blue: 0.345)
/* Android */
Color.parseColor("#ffdb58")

Accessibility — WCAG contrast

Aa
#ffdb58 on white: 1.35:1
AA ✗ fail · AA-large · AAA
Aa
#ffdb58 on black: 15.53:1
AA ✓ pass · AA-large · AAA
true color
protanopia
deuteranopia
tritanopia

RGB percentages

Red100.0%
Green85.9%
Blue34.5%

CMYK percentages

Cyan0.0%
Magenta14.1%
Yellow65.5%
Key (black)0.0%

Color previews

#ffdb58 text on a black background

contrast 15.53:1

Card sample

#ffdb58 text on a white background

contrast 1.35:1

Card sample

CSS3 live lab

Text font color

The quick brown fox

color: #ffdb58;
Background color
Panel with #ffdb58 background
background-color: #ffdb58;
Text shadow — hex

Glowing headline

text-shadow: 2px 2px 8px #ffdb58;
Text shadow — RGB

Soft neon halo

text-shadow: 0 0 14px rgba(255, 219, 88, 0.45);
Div box shadow
Elevated card
box-shadow: 0 12px 32px -8px rgba(255, 219, 88, 0.45);
Border & gradient
Gradient panel
border: 3px solid #ffdb58;
background: linear-gradient(135deg, #ffdb58, #B4FF58);

Monochromatic scale

Palettes built from #ffdb58

Shades — darker

Tints — lighter

Hue & tone neighbors

Color harmonies

Nearest named colors

Mustard, answered

What is the hex code for mustard?

Mustard yellow is commonly #ffdb58; deeper dijon tones sit near #c49102 and ochre #cc7722.

What colors pair with mustard?

Teal is the classic retro partner; charcoal, olive, burgundy and walnut ground it; denim blue made it a street-style staple.

Is mustard usable for text?

Only its darkest dijon forms: #c49102 approaches AA on white for large text. Standard mustard is decorative — badges, fills, illustration.

Work with #ffdb58 in the Color Lab