Mustard Complementary Color Scheme

Five colors arranged by the complementary rule around Mustard (#CEB301), each snapped to its nearest named color.

#CEB301

#FAE432

#0011CC

#001188

#2D47FF

Color names and codes

Name	HEX	RGB	HSL	CMYK
Mustard	`#CEB301`	206, 179, 1	52°, 99%, 41%	0, 13, 100, 19
Dhalsim’s Yoga Flame	`#FAE432`	250, 228, 50	53°, 95%, 59%	0, 9, 80, 2
Vesper	`#0011CC`	0, 17, 204	235°, 100%, 40%	100, 92, 0, 20
Snowstorm Space Shuttle	`#001188`	0, 17, 136	233°, 100%, 27%	100, 88, 0, 47
Blueshift	`#2D47FF`	45, 71, 255	233°, 100%, 59%	82, 72, 0, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #FAE432 on #001188	11.29:1	AAA
Aa #FAE432 on #0011CC	8.30:1	AAA
Aa #CEB301 on #001188	7.02:1	AAA
Aa #CEB301 on #0011CC	5.16:1	AA
Aa #FAE432 on #2D47FF	4.69:1	AA
Aa #CEB301 on #2D47FF	2.91:1	—

CSS variables

:root {
  --color-1: #ceb301; /* Mustard */
  --color-2: #fae432; /* Dhalsim’s Yoga Flame */
  --color-3: #0011cc; /* Vesper */
  --color-4: #001188; /* Snowstorm Space Shuttle */
  --color-5: #2d47ff; /* Blueshift */
}

Other schemes from Mustard

More Medium Yellow complementary palettes

Questions

What colors go with Mustard?

In a complementary scheme: Dhalsim’s Yoga Flame (#FAE432), Vesper (#0011CC), Snowstorm Space Shuttle (#001188), Blueshift (#2D47FF).

What is the hex code of Mustard?

#CEB301.