Yellow family
Mustard Yellow color
A light, bright yellow leaning orange. The reference mustard yellow is #E1AD01, as defined by the Color Names (meodai).
| HEX | #E1AD01 | |
|---|---|---|
| RGB | rgb(225, 173, 1) | |
| HSL | hsl(46, 99%, 44%) | |
| HSV | hsv(46, 100%, 88%) | |
| OKLCH | oklch(77.4% 0.158 86.8) | |
| CMYK* | 0, 23, 100, 12 |
* CMYK is a simple conversion without a print profile; ask your printer for exact values.
What color is mustard yellow?
Mustard yellow is the dark, slightly brownish yellow of prepared mustard. It is less saturated than gold and warmer than lemon, and works well with navy, gray and burgundy. The xkcd survey also has plain mustard, a slightly greener shade.
Mustard Yellow hex codes by source
Color names are not standardized, so the same name can point to different colors. Here is every definition of mustard yellow in our three sources, with how close each one is to the reference.
| Name | HEX | Source | Compared with the reference |
|---|---|---|---|
| Mustard Yellow | #D2BD0A | xkcd Color Survey | Close · 82% similar |
| Mustard Yellow | #E1AD01 | Color Names (meodai) | Reference shown on this page |
| Mustard | #CEB301 | xkcd Color Survey | Close · 87% similar |
| Mustard | #CEB301 | Color Names (meodai) | Close · 87% similar |
Mustard Yellow vs Gold
#E1AD01
#FFD700
Gold is brighter and more saturated; mustard is muted, with a brown undertone. In numbers: the two are 53% similar (OKLab distance 0.118). See Gold for its own codes.
Colors similar to mustard yellow
The closest named colors to #E1AD01 across all three sources, with their similarity in OKLab.
Tints and shades of mustard yellow
The same hue from light to dark, generated in OKLab so the steps look even. Click a step to copy its HEX code.
Colors that go with mustard yellow
Classic color-wheel combinations built on #E1AD01, computed in OKLCH so the partners keep the same lightness and intensity. Each swatch shows the nearest common name.
Complementary
Analogous
Triadic
Split complementary
Mustard Yellow with white and black text
WCAG asks for a contrast of at least 4.5:1 for body text (AA) and 3:1 for large text. On a mustard yellow background, black text is the better choice.
Use mustard yellow in CSS
.mustard-yellow {
color: #E1AD01;
/* or */ color: rgb(225 173 1);
/* or */ color: hsl(46 99% 44%);
/* or */ color: oklch(77.4% 0.158 86.8);
}