Yellow color

Mustard #FFDB58

#FFDB58 · rgb(255, 219, 88)

Mustard is the color #FFDB58. In RGB it is rgb(255, 219, 88) — 100% red, 86% green and 35% blue. Its CMYK breakdown is 0% cyan, 14% magenta, 65% yellow and 0% black, and in HSL it sits at 47° hue, 100% saturation and 67% lightness. Mustard is not a standard CSS color name; the nearest web color is Gold (#FFD700). The closest web-safe color is #FFCC66.

Open in color picker Convert Make a palette Check contrast

Mustard color codes

Hex#FFDB58

RGBrgb(255, 219, 88)

RGB %100%, 86%, 35%

HSLhsl(47, 100%, 67%)

HSV / HSBhsv(47, 65%, 100%)

CMYKcmyk(0%, 14%, 65%, 0%)

OKLCHoklch(90% 0.151 94)

Closest web-safe#FFCC66

Mustard color meaning

Mustard is a bold and energetic yellow — a warm color at 67% lightness and 100% saturation. Like other yellows, it is linked with optimism, happiness and attention. It is the most visible hue in daylight, so it reads as sunny and cheerful but can tire the eye in large areas.

Because it is bold and energetic, mustard works best for logos, buttons, highlights, sports kit and anything that should grab attention. As text on white it would be too faint (1.4:1), so use it for fills and backgrounds and put black text on top (15.5:1).

What colors go with Mustard?

Mustard pairs well with Dodger Blue, Coral, Chartreuse Yellow and Charcoal: Dodger Blue sits close to its opposite on the color wheel for strong contrast, Coral and Chartreuse Yellow are neighbors that keep a scheme calm, and Charcoal gives the eye somewhere to rest.

Build a full scheme around mustard in the color matcher, blend it with another color in the color mixer, or copy ready-made HTML and CSS from the HTML color picker.

Mustard at a glance

Color family	Yellow · warm, bold and energetic
CSS color name	No — nearest keyword is Gold (#FFD700)
As text on white	1.35:1 — not readable as text
Best text on it	Black (15.53:1)
For print (CMYK)	0% cyan, 14% magenta, 65% yellow, 0% black
Full screen	Open the mustard screen — fill your display or download it in 4K

Contrast

Contrast ratio of Mustard against white and black text (WCAG 2.1 needs 4.5:1 for body text).

White text — 1.35:1 Black text — 15.53:1

Shades, tints & tones

Shades — toward black

Tints — toward white

Tones — toward gray

Color harmonies

Complementary

Analogous

Split-complementary

Triadic

Tetradic

Square

Rainbow

Colors similar to Mustard

Mustard color FAQ

What is the hex code for Mustard?

Mustard is #FFDB58, which is rgb(255, 219, 88) and hsl(47, 100%, 67%). For print it is roughly C0 M14 Y65 K0.

What colors go with Mustard?

Mustard pairs well with Dodger Blue, Coral, Chartreuse Yellow, Charcoal. Dodger Blue gives the strongest contrast, being close to its complementary color. Neutrals such as Charcoal also work well alongside it.

Is Mustard a warm or cool color?

Mustard is a warm color: its hue is 47°, on the red, orange and yellow side of the color wheel.

What text color looks best on Mustard?

Black text, with a contrast ratio of 15.5:1, which meets WCAG AA for normal text.