Lionheart Tetradic Color Scheme

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

#CC2222

#66CC22

#22CCCC

#7722CC

#EA6B6A

Color names and codes

Name	HEX	RGB	HSL	CMYK
Lionheart	`#CC2222`	204, 34, 34	0°, 71%, 47%	0, 83, 83, 20
Green High	`#66CC22`	102, 204, 34	96°, 71%, 47%	50, 0, 83, 20
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
Porcelain Rose	`#EA6B6A`	234, 107, 106	0°, 75%, 67%	0, 54, 55, 8

Which pairs work for text

Text on background	Contrast	WCAG
Aa #22CCCC on #7722CC	3.67:1	AA large
Aa #66CC22 on #7722CC	3.54:1	AA large
Aa #CC2222 on #22CCCC	2.77:1	—
Aa #CC2222 on #66CC22	2.68:1	—
Aa #7722CC on #EA6B6A	2.36:1	—
Aa #CC2222 on #EA6B6A	1.78:1	—

CSS variables

:root {
  --color-1: #cc2222; /* Lionheart */
  --color-2: #66cc22; /* Green High */
  --color-3: #22cccc; /* Mermaid Net */
  --color-4: #7722cc; /* Puissant Purple */
  --color-5: #ea6b6a; /* Porcelain Rose */
}

Other schemes from Lionheart

More Medium Red tetradic palettes

Questions

What colors go with Lionheart?

In a tetradic scheme: Green High (#66CC22), Mermaid Net (#22CCCC), Puissant Purple (#7722CC), Porcelain Rose (#EA6B6A).

What is the hex code of Lionheart?

#CC2222.