Knockout Tetradic Color Scheme

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

#C42B2D

#7BC027

#22CCCC

#7722CC

#E4717A

Color names and codes

Name	HEX	RGB	HSL	CMYK
Knockout	`#C42B2D`	196, 43, 45	359°, 64%, 47%	0, 78, 77, 23
Kiwi Crush	`#7BC027`	123, 192, 39	87°, 66%, 45%	36, 0, 80, 25
Mermaid Net	`#22CCCC`	34, 204, 204	180°, 71%, 47%	83, 0, 0, 20
Puissant Purple	`#7722CC`	119, 34, 204	270°, 71%, 47%	42, 83, 0, 20
Natural Candy Pink	`#E4717A`	228, 113, 122	355°, 68%, 67%	0, 50, 46, 11

Which pairs work for text

Text on background	Contrast	WCAG
Aa #22CCCC on #7722CC	3.67:1	AA large
Aa #7BC027 on #7722CC	3.26:1	AA large
Aa #C42B2D on #22CCCC	2.84:1	—
Aa #C42B2D on #7BC027	2.52:1	—
Aa #7722CC on #E4717A	2.41:1	—
Aa #C42B2D on #E4717A	1.86:1	—

CSS variables

:root {
  --color-1: #c42b2d; /* Knockout */
  --color-2: #7bc027; /* Kiwi Crush */
  --color-3: #22cccc; /* Mermaid Net */
  --color-4: #7722cc; /* Puissant Purple */
  --color-5: #e4717a; /* Natural Candy Pink */
}

Other schemes from Knockout

More Medium Red tetradic palettes

Questions

What colors go with Knockout?

In a tetradic scheme: Kiwi Crush (#7BC027), Mermaid Net (#22CCCC), Puissant Purple (#7722CC), Natural Candy Pink (#E4717A).

What is the hex code of Knockout?

#C42B2D.