Mustard Tetradic Color Scheme

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

#CEB301

#00CC55

#0011CC

#CC0088

#FDE336

Color names and codes

Name	HEX	RGB	HSL	CMYK
Mustard	`#CEB301`	206, 179, 1	52°, 99%, 41%	0, 13, 100, 19
Alienated	`#00CC55`	0, 204, 85	145°, 100%, 40%	100, 0, 58, 20
Vesper	`#0011CC`	0, 17, 204	235°, 100%, 40%	100, 92, 0, 20
Snappy Violet	`#CC0088`	204, 0, 136	320°, 100%, 40%	0, 100, 33, 20
Gorse	`#FDE336`	253, 227, 54	52°, 98%, 60%	0, 10, 79, 1

Which pairs work for text

Text on background	Contrast	WCAG
Aa #0011CC on #FDE336	8.31:1	AAA
Aa #CEB301 on #0011CC	5.16:1	AA
Aa #00CC55 on #0011CC	5.00:1	AA
Aa #CC0088 on #FDE336	4.13:1	AA large
Aa #CEB301 on #CC0088	2.57:1	—
Aa #00CC55 on #CC0088	2.49:1	—

CSS variables

:root {
  --color-1: #ceb301; /* Mustard */
  --color-2: #00cc55; /* Alienated */
  --color-3: #0011cc; /* Vesper */
  --color-4: #cc0088; /* Snappy Violet */
  --color-5: #fde336; /* Gorse */
}

Other schemes from Mustard

More Medium Yellow tetradic palettes

Questions

What colors go with Mustard?

In a tetradic scheme: Alienated (#00CC55), Vesper (#0011CC), Snappy Violet (#CC0088), Gorse (#FDE336).

What is the hex code of Mustard?

#CEB301.