Spicy Tetradic Color Scheme

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

#FF1111

#88FF11

#11FFFF

#8811FF

#FF7777

Color names and codes

Name	HEX	RGB	HSL	CMYK
Spicy	`#FF1111`	255, 17, 17	0°, 100%, 53%	0, 93, 93, 0
Lethal Lime	`#88FF11`	136, 255, 17	90°, 100%, 53%	47, 0, 93, 0
Looney Blue	`#11FFFF`	17, 255, 255	180°, 100%, 53%	93, 0, 0, 0
Punk Rock Pink	`#8811FF`	136, 17, 255	270°, 100%, 53%	47, 93, 0, 0
Embarrassment	`#FF7777`	255, 119, 119	0°, 100%, 73%	0, 53, 53, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #11FFFF on #8811FF	4.70:1	AA
Aa #88FF11 on #8811FF	4.58:1	AA
Aa #FF1111 on #11FFFF	3.14:1	AA large
Aa #FF1111 on #88FF11	3.06:1	AA large
Aa #8811FF on #FF7777	2.28:1	—
Aa #11FFFF on #FF7777	2.06:1	—

CSS variables

:root {
  --color-1: #ff1111; /* Spicy */
  --color-2: #88ff11; /* Lethal Lime */
  --color-3: #11ffff; /* Looney Blue */
  --color-4: #8811ff; /* Punk Rock Pink */
  --color-5: #ff7777; /* Embarrassment */
}

Other schemes from Spicy

More Medium Red tetradic palettes

Questions

What colors go with Spicy?

In a tetradic scheme: Lethal Lime (#88FF11), Looney Blue (#11FFFF), Punk Rock Pink (#8811FF), Embarrassment (#FF7777).

What is the hex code of Spicy?

#FF1111.