Rage Tetradic Color Scheme

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

#FF1133

#A8FF04

#00FFDD

#601EF9

#FF7788

Color names and codes

Name	HEX	RGB	HSL	CMYK
Rage	`#FF1133`	255, 17, 51	351°, 100%, 53%	0, 93, 80, 0
Wolf Lichen	`#A8FF04`	168, 255, 4	81°, 100%, 51%	34, 0, 98, 0
Ice Ice Baby	`#00FFDD`	0, 255, 221	172°, 100%, 50%	100, 0, 13, 0
Akihabara Arcade	`#601EF9`	96, 30, 249	258°, 95%, 55%	61, 88, 0, 2
Heatstroke	`#FF7788`	255, 119, 136	353°, 100%, 73%	0, 53, 47, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #A8FF04 on #601EF9	5.56:1	AA
Aa #00FFDD on #601EF9	5.36:1	AA
Aa #FF1133 on #A8FF04	3.15:1	AA large
Aa #FF1133 on #00FFDD	3.04:1	AA large
Aa #601EF9 on #FF7788	2.70:1	—
Aa #A8FF04 on #FF7788	2.06:1	—

CSS variables

:root {
  --color-1: #ff1133; /* Rage */
  --color-2: #a8ff04; /* Wolf Lichen */
  --color-3: #00ffdd; /* Ice Ice Baby */
  --color-4: #601ef9; /* Akihabara Arcade */
  --color-5: #ff7788; /* Heatstroke */
}

Other schemes from Rage

More Medium Red tetradic palettes

Questions

What colors go with Rage?

In a tetradic scheme: Wolf Lichen (#A8FF04), Ice Ice Baby (#00FFDD), Akihabara Arcade (#601EF9), Heatstroke (#FF7788).

What is the hex code of Rage?

#FF1133.