Punch Triadic Color Scheme

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

#DC4333

#31D652

#5533CC

#EE918D

#02AB2E

Color names and codes

Name	HEX	RGB	HSL	CMYK
Punch	`#DC4333`	220, 67, 51	6°, 71%, 53%	0, 70, 77, 14
Brazilianite	`#31D652`	49, 214, 82	132°, 67%, 52%	77, 0, 62, 16
Grape Hyacinth	`#5533CC`	85, 51, 204	253°, 60%, 50%	58, 75, 0, 20
Sweet Pink	`#EE918D`	238, 145, 141	2°, 74%, 74%	0, 39, 41, 7
Kelley Green	`#02AB2E`	2, 171, 46	136°, 98%, 34%	99, 0, 73, 33

Which pairs work for text

Text on background	Contrast	WCAG
Aa #31D652 on #5533CC	3.98:1	AA large
Aa #5533CC on #EE918D	3.32:1	AA large
Aa #5533CC on #02AB2E	2.51:1	—
Aa #DC4333 on #31D652	2.22:1	—
Aa #DC4333 on #EE918D	1.85:1	—
Aa #DC4333 on #5533CC	1.79:1	—

CSS variables

:root {
  --color-1: #dc4333; /* Punch */
  --color-2: #31d652; /* Brazilianite */
  --color-3: #5533cc; /* Grape Hyacinth */
  --color-4: #ee918d; /* Sweet Pink */
  --color-5: #02ab2e; /* Kelley Green */
}

Other schemes from Punch

More Medium Red triadic palettes

Questions

What colors go with Punch?

In a triadic scheme: Brazilianite (#31D652), Grape Hyacinth (#5533CC), Sweet Pink (#EE918D), Kelley Green (#02AB2E).

What is the hex code of Punch?

#DC4333.