What color is Mustard Yellow?
Mustard yellow is a warm, dark yellow with a slight brownish tone, hex #FFCE1B, closer in depth to aged sunflower petals than to a bright lemon. It has an earthy, muted quality that keeps it from reading as a pure or primary yellow.
What is the meaning of the color Mustard Yellow?
The name comes from the ground mustard seed, whose dried powder has carried this yellow-brown tone for centuries in European kitchens and trade. By the 17th century, mustard was a documented commodity across English and French markets, and its distinctive color became a reliable reference point in cloth and dye descriptions. The color gained broader cultural visibility when fashion houses began using it in autumn collections during the mid-20th century, tying it to harvest seasons and natural dyes. Levi Strauss and Co. have used mustard yellow as a recurring seasonal color in their denim lines, anchoring it to durable, working-wear aesthetics.
What colors go with Mustard Yellow?
Colors that pair well with Mustard yellow include:
Deep navy: strong, grounding contrast
Burnt orange: warm tonal harmony
Forest green: earthy, natural balance
Charcoal grey: muted, modern depth
Rusty red: rich, autumnal pairing
Similar Colors
Conversions & Codes
| Format | Value | CSS |
|---|---|---|
| HEX | #FFCE1B |
color: #FFCE1B;
|
| RGB | 255, 206, 27 |
color: rgb(255, 206, 27);
|
| RGB Percentage | 100%, 81%, 11% |
color: rgb(100%, 81%, 11%);
|
| CMYK | 0%, 19%, 89%, 0% | Not supported in CSS |
| HSL | 47°, 100%, 55% |
color: hsl(47, 100%, 55%);
|
| HSV | 47°, 89%, 100% | Not supported in CSS |
| CIE-LAB | 44, 10, 60 |
color: lab(44% 10 60);
|
| Decimal | 16764443 | Not supported in CSS |
Color Variations
Shades
Tints
Tones
Hues
Color Harmonies
Analogous
Complementary
Split Complementary
Triadic
Tetradic
Square
CSS & Dev Snippets
.mustard-yellow {
color: #FFCE1B;
}
$mustard-yellow: #FFCE1B;
rgb(255, 206, 27)