Mustard is a medium-light, vivid shade in the yellow color family, with a warm feel. Its HEX code is #FFDB58, which equals rgb(255, 219, 88) in RGB and hsl(47, 100%, 67%) in HSL. In print terms it converts to roughly C0 M14 Y65 K0, although exact CMYK results depend on the paper and color profile.
- HEX
#FFDB58 - RGB
255, 219, 88 - HSL
47°, 100%, 67% - CMYK
0, 14, 65, 0 - Family
Yellow - Tone
Medium-light, vivid
About Mustard
Yellow shades are bright, sunny and attention-grabbing. They suggest optimism and clarity, and are often used for highlights, warnings and happy, youthful designs. Designers often reach for it as an accent, a button color or a background tint. Text in black is the most readable choice on this color, with a contrast ratio of 15.53:1. Its complementary color is #577BFF.
Download Mustard as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Mustard color codes
| HEX | #FFDB58 |
|---|---|
| RGB | rgb(255, 219, 88) |
| HSL | hsl(47, 100%, 67%) |
| HSV | 47°, 65%, 100% |
| CMYK | 0%, 14%, 65%, 0% |
| Decimal | 16767832 |
Shades and tints of Mustard
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#FFF9E3 - 100
#FFF3C7 - 200
#FFEDAC - 300
#FFE790 - 400
#FFE174 - 500
#FFDB58 - 600
#D5B749 - 700
#AA923B - 800
#806E2C - 900
#55491D - 950
#2B250F
Color harmonies for Mustard
- Complementary
#577BFF≈ Light Cobalt - Analogous −30°
#FF8657≈ Light Cinnabar - Analogous +30°
#CFFF57≈ Light Chartreuse - Triadic +120°
#57FFDB≈ Light Turquoise - Triadic +240°
#DB57FF≈ Light Purple - Split 150°
#57CFFF≈ Light Capri - Split 210°
#8657FF≈ Light Iris
Contrast and accessibility of Mustard
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Mustard | Aa | 1.35:1 | Fails |
| Black text on Mustard | Aa | 15.53:1 | AAA (excellent) |
CSS code for Mustard
background-color: #FFDB58;color: #FFDB58;background-color: rgb(255, 219, 88);background-color: hsl(47, 100%, 67%);:root { --color-mustard: #FFDB58; }class="bg-[#FFDB58]"Colors similar to Mustard
- Light Marigold
#FFDC52 - Light Amber
#FFCB52 - Light Bright Gold
#EEE063 - Light Bright Marigold
#EED263 - Light Gold
#FFEE52 - Pale Amber
#FFD77A - Light Bright Yellow
#EEEE63 - Pale Marigold
#FFE47A - Medium Light Bright Gold
#EAD83E - Light Bright Amber
#EEC463 - Pale Tangerine
#FFCA7A - Medium Light Bright Yellow
#EAEA3E
More yellow shades
- Dark Khaki
#BDB76B - Light Goldenrod Yellow
#FAFAD2 - Olive
#808000 - Pale Goldenrod
#EEE8AA - Yellow
#FFFF00 - Sage
#B2AC88 - Cream
#FFFDD0 - Brass
#B5A642 - Citron
#DFFF00 - Lemon
#FFF700 - Canary
#FFFF99
Frequently asked questions
What is the HEX code for Mustard?
The HEX code for Mustard is #FFDB58.
What is the RGB value of Mustard?
Mustard has an RGB value of 255, 219, 88 (rgb(255, 219, 88)). In HSL it is 47°, 100%, 67%.
What text color should I use on Mustard?
Use black text on Mustard. White text has a contrast ratio of 1.35:1 and black text has 15.53:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Mustard?
The complementary color of Mustard is #577BFF. Analogous colors #FF8657 and #CFFF57 also pair well.