Mustard
HEX: #FFDB58 | Modern Palette
Color Specifications
#FFDB58
255, 219, 88
47°, 100% ,67%
0, 14, 65, 0
About Mustard
Mustard (#FFDB58) is a color with RGB(255, 219, 88) and HSL(47.1°, 100%, 67.3%). It is commonly associated with Energetic, Bold moods. In design, it fits Vivid, Neon styles and is suitable for Text, Button, Accent. Its complementary color is #587CFF, which creates strong contrast. Its triadic palette includes #58FFDB and #DB58FF. The name comes from mustum ardens (Latin).
- HEX: #FFDB58
- RGB: 255, 219, 88
- HSL: 47.1°, 100%, 67.3%
- Mood: Energetic, Bold
- Style: Vivid, Neon
- Use case: Text, Button, Accent
- Complementary color: #587CFF
- Triadic colors: #58FFDB, #DB58FF
- The name comes from mustum ardens (Latin).
Live Components
Color Palettes
Color Harmonies
Complementary
The color directly opposite on the color wheel — creates maximum contrast and vibrance.
Analogous
Colors adjacent on the wheel — naturally harmonious and pleasing to the eye.
Triadic
Three colors equally spaced 120° apart — bold, balanced, and visually rich.
Split-Complementary
Two colors flanking the complement — high contrast with less tension than full complementary.
Tetradic (Square)
Four colors at 90° intervals — rich variety, best when one color dominates.
Monochromatic
Shades and tints of the same hue — cohesive, elegant, and easy to work with.
Shades & Tints
A seamless scale of #FFDB58 from deepest shade to lightest tint.
Frequently Asked Questions
Name, History & Etymology
History
The word 'mustard' itself comes from the Old French 'moustarde', which derives from the Latin 'mustum ardens'. This refers to the practice of making mustard by mixing ground mustard seeds with 'must' (unfermented grape juice or new wine). The Romans were known to cultivate mustard and use it as a condiment. Pliny the Elder mentions mustard in his writings. By the Middle Ages, mustard was widely used across Europe. Dijon, France, became a major center for mustard production in the 13th century, and remains famous for its mustard today. Various types of mustard have evolved over centuries, incorporating different liquids (vinegar, water, beer) and spices.
First Recorded Use
Mustard seeds were used by ancient Romans and Greeks. The prepared condiment, 'mustard', as a paste, is documented from Roman times.
Cultural Associations
Mustard is a globally popular condiment, used in various cuisines. It's a staple in French cuisine (Dijon mustard), German cuisine (often served with sausages), and American cuisine (yellow mustard for hot dogs). It's also used as an ingredient in marinades, dressings, and sauces. In some cultures, mustard seeds are used whole or crushed as a spice in cooking, particularly in Indian and Bengali cuisines. The phrase 'cutting the mustard' means to meet expectations or perform adequately.
Code Snippets
/* Background */
.element {
background-color: #FFDB58;
}
/* Text */
.element {
color: #FFDB58;
}
/* Border */
.element {
border: 1px solid #FFDB58;
}/* Linear gradient to complementary */
.element {
background: linear-gradient(
to right,
#FFDB58,
#587CFF
);
}
/* Radial gradient */
.element {
background: radial-gradient(
circle,
#FFDB58,
#587CFF
);
}// SCSS variable
$mustard: #FFDB58;
// With RGB channels (useful for rgba() usage)
$mustard-r: 255;
$mustard-g: 219;
$mustard-b: 88;
// Usage
.element {
background-color: $mustard;
color: rgba($mustard-r, $mustard-g, $mustard-b, 0.8);
}