Stoplight Tetradic Color Scheme

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

#DD1111

#66DD00

#11DDDD

#7711DD

#F36363

Color names and codes

Name	HEX	RGB	HSL	CMYK
Stoplight	`#DD1111`	221, 17, 17	0°, 86%, 47%	0, 92, 92, 13
Radioactive Lilypad	`#66DD00`	102, 221, 0	92°, 100%, 43%	54, 0, 100, 13
Fish Boy	`#11DDDD`	17, 221, 221	180°, 86%, 47%	92, 0, 0, 13
Voluptuous Violet	`#7711DD`	119, 17, 221	270°, 86%, 47%	46, 92, 0, 13
Firecracker Salmon	`#F36363`	243, 99, 99	0°, 86%, 67%	0, 59, 59, 5

Which pairs work for text

Text on background	Contrast	WCAG
Aa #11DDDD on #7711DD	4.27:1	AA large
Aa #66DD00 on #7711DD	4.09:1	AA large
Aa #DD1111 on #11DDDD	2.98:1	—
Aa #DD1111 on #66DD00	2.86:1	—
Aa #7711DD on #F36363	2.33:1	—
Aa #11DDDD on #F36363	1.83:1	—

CSS variables

:root {
  --color-1: #dd1111; /* Stoplight */
  --color-2: #66dd00; /* Radioactive Lilypad */
  --color-3: #11dddd; /* Fish Boy */
  --color-4: #7711dd; /* Voluptuous Violet */
  --color-5: #f36363; /* Firecracker Salmon */
}

Other schemes from Stoplight

More Medium Red tetradic palettes

Questions

What colors go with Stoplight?

In a tetradic scheme: Radioactive Lilypad (#66DD00), Fish Boy (#11DDDD), Voluptuous Violet (#7711DD), Firecracker Salmon (#F36363).

What is the hex code of Stoplight?

#DD1111.