#FFDB58
Mustard
Mustard is a warm, dark yellow named after the mustard condiment. It is earthy, vintage, and increasingly trendy in fashion and interior design.
Mustard Color Values
HEX#FFDB58
RGB255, 219, 88
HSL47°, 100%, 67%
HSV47°, 65%, 100%
CMYK0%, 14%, 65%, 0%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #F1D747 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #FAE25F (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #FFCBC0 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #DDDDDD (~0.003% of population)
Mustard as Text Color
Mustard on White
1.4:1FAIL
Mustard on Light Gray
1.2:1FAIL
Mustard on Cream
1.3:1FAIL
Mustard on Dark
12.6:1AAA
Mustard on Black
15.5:1AAA
Mustard on Soft Blue
1.2:1FAIL
Mustard on Soft Green
1.2:1FAIL
Mustard on Soft Pink
1.1:1FAIL
Nearest Tailwind Class
orange-300
#FDBA74
Nearest Pantone Match
Illuminating (2021)
#F5DF4D
CSS Variable Export
:root {
--color-mustard: #FFDB58;
--color-mustard-rgb: 255, 219, 88;
}Tailwind Config
// tailwind.config.js
colors: {
'mustard': '#FFDB58',
}Shades of Mustard
#FFDB57
#FFD333
#FFCA0A
#E6B400
#BD9400
#997800
#705800
#4D3C00
#241C00
#000000
Tints of Mustard
#FFDB57
#FFDF6B
#FFE27A
#FFE78F
#FFEBA3
#FFEEB3
#FFF3C7
#FFF7DB
#FFFBEB
#FFFFFF
Color Harmonies
Complementary
#FFDB58
#577BFF
Analogous
#FF8657
#FFDB57
#CFFF57
Triadic
#FFDB57
#57FFDB
#DB57FF
Mustard Text Preview
Heading in Mustard
Body text in Mustard. The quick brown fox jumps over the lazy dog.
White on Mustard
Body text on a Mustard background.
Mustard text on dark background
Contrast: 13.1:1