Punch Tetradic Color Scheme

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

#DC4333

#75DE2F

#22C1D5

#8833DD

#EE918D

Color names and codes

Name	HEX	RGB	HSL	CMYK
Punch	`#DC4333`	220, 67, 51	6°, 71%, 53%	0, 70, 77, 14
Tirisfal Lime	`#75DE2F`	117, 222, 47	96°, 73%, 53%	47, 0, 79, 13
The Crowd Roars!	`#22C1D5`	34, 193, 213	187°, 72%, 48%	84, 9, 0, 16
Thick Purple	`#8833DD`	136, 51, 221	270°, 71%, 53%	38, 77, 0, 13
Sweet Pink	`#EE918D`	238, 145, 141	2°, 74%, 74%	0, 39, 41, 7

Which pairs work for text

Text on background	Contrast	WCAG
Aa #75DE2F on #8833DD	3.44:1	AA large
Aa #22C1D5 on #8833DD	2.71:1	—
Aa #8833DD on #EE918D	2.54:1	—
Aa #DC4333 on #75DE2F	2.50:1	—
Aa #DC4333 on #22C1D5	1.97:1	—
Aa #DC4333 on #EE918D	1.85:1	—

CSS variables

:root {
  --color-1: #dc4333; /* Punch */
  --color-2: #75de2f; /* Tirisfal Lime */
  --color-3: #22c1d5; /* The Crowd Roars! */
  --color-4: #8833dd; /* Thick Purple */
  --color-5: #ee918d; /* Sweet Pink */
}

Other schemes from Punch

More Medium Red tetradic palettes

Questions

What colors go with Punch?

In a tetradic scheme: Tirisfal Lime (#75DE2F), The Crowd Roars! (#22C1D5), Thick Purple (#8833DD), Sweet Pink (#EE918D).

What is the hex code of Punch?

#DC4333.