Color Codes › Mustard Yellow

Mustard Yellow colour

A warm, earthy yellow named after the condiment. Retro and cosy, it features heavily in 70s-revival and autumn palettes.

#FFDB58

Mustard Yellow colour codes

Hex
#FFDB58
RGB
rgb(255, 219, 88)
HSL
hsl(47, 100%, 67%)
HSV
hsv(47, 65%, 100%)
OKLCH
oklch(0.90 0.15 94)
CMYK
cmyk(0%, 14%, 65%, 0%)

Complementary palette

Mustard Yellow with its opposite on the colour wheel.
#FFDB58
rgb(255, 219, 88)
#587CFF
rgb(88, 124, 255)

Triad palette

Mustard Yellow with two evenly-spaced partners.
#FFDB58
rgb(255, 219, 88)
#58FFDB
rgb(88, 255, 219)
#DB58FF
rgb(219, 88, 255)

Monochromatic palette

Lighter and darker versions of mustard yellow at the same hue.
#806D2C
rgb(128, 109, 44)
#B3993E
rgb(179, 153, 62)
#E6C54F
rgb(230, 197, 79)
#FFDB58
rgb(255, 219, 88)

Lighter tints

Mustard Yellow toward white.
#FFDB58
rgb(255, 219, 88)
#FFE070
rgb(255, 224, 112)
#FFE588
rgb(255, 229, 136)
#FFEAA0
rgb(255, 234, 160)
#FFF0B7
rgb(255, 240, 183)
#FFF5CF
rgb(255, 245, 207)
#FFFAE7
rgb(255, 250, 231)
#FFFFFF
rgb(255, 255, 255)

Darker shades

Mustard Yellow toward black.
#FFDB58
rgb(255, 219, 88)
#DBBC4B
rgb(219, 188, 75)
#B69C3F
rgb(182, 156, 63)
#927D32
rgb(146, 125, 50)
#6D5E26
rgb(109, 94, 38)
#493F19
rgb(73, 63, 25)
#241F0D
rgb(36, 31, 13)
#000000
rgb(0, 0, 0)

About mustard yellow

A warm, earthy yellow named after the condiment. Retro and cosy, it features heavily in 70s-revival and autumn palettes. The value shown here (#FFDB58) is a widely used representation — descriptive colour names like this cover a small range rather than one fixed code, so feel free to nudge it in the colour picker to suit your project.

Palettes that work with mustard yellow

The complementary colour (#587CFF) sits opposite mustard yellow on the wheel for high contrast, while the triad spreads three balanced hues. For subtle, layered designs the monochromatic set keeps the same hue at different lightness. All are generated automatically above — click any swatch to copy.

Using mustard yellow in your design

For CSS, paste #FFDB58 or the oklch(0.90 0.15 94) value, or download the ready-made mustard-yellow.css file above — it includes a full 50–950 token scale. Always check contrast before using mustard yellow behind text.

What is the hex code for mustard yellow?
Mustard Yellow is commonly #FFDB58 (rgb(255, 219, 88)). It covers a small range, but this is a widely used value.
What colours go well with mustard yellow?
Its complementary colour #587CFF and the triad/monochromatic palettes shown above. Use the picker's harmony tool to explore more.

Popular colours

Sage green Navy blue Teal Coral Burgundy Terracotta Mint green Shades of blue Shades of pink All colour codes →

Color tools

Color Picker →
Pick visually, get every code.
Converter →
Convert between any formats.
Contrast Checker →
WCAG AA/AAA pass-fail.
Named Colors →
All 140 CSS colours.