Danger Tetradic Color Scheme

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

#FF0E0E

#88FF11

#11FFFF

#8811FF

#FF7777

Color names and codes

Name	HEX	RGB	HSL	CMYK
Danger	`#FF0E0E`	255, 14, 14	0°, 100%, 53%	0, 95, 95, 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 #FF0E0E on #11FFFF	3.15:1	AA large
Aa #FF0E0E on #88FF11	3.07:1	AA large
Aa #8811FF on #FF7777	2.28:1	—
Aa #11FFFF on #FF7777	2.06:1	—

CSS variables

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

Other schemes from Danger

More Medium Red tetradic palettes

Questions

What colors go with Danger?

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

What is the hex code of Danger?

#FF0E0E.