Fireball Tetradic Color Scheme

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

#CE2029

#88CC22

#22CCCC

#7722CC

#E46B71

Color names and codes

Name	HEX	RGB	HSL	CMYK
Fireball	`#CE2029`	206, 32, 41	357°, 73%, 47%	0, 84, 80, 19
Thick Green	`#88CC22`	136, 204, 34	84°, 71%, 47%	33, 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
Redstone	`#E46B71`	228, 107, 113	357°, 69%, 66%	0, 53, 50, 11

Which pairs work for text

Text on background	Contrast	WCAG
Aa #88CC22 on #7722CC	3.71:1	AA large
Aa #22CCCC on #7722CC	3.67:1	AA large
Aa #CE2029 on #88CC22	2.77:1	—
Aa #CE2029 on #22CCCC	2.74:1	—
Aa #7722CC on #E46B71	2.30:1	—
Aa #CE2029 on #E46B71	1.72:1	—

CSS variables

:root {
  --color-1: #ce2029; /* Fireball */
  --color-2: #88cc22; /* Thick Green */
  --color-3: #22cccc; /* Mermaid Net */
  --color-4: #7722cc; /* Puissant Purple */
  --color-5: #e46b71; /* Redstone */
}

Other schemes from Fireball

More Medium Red tetradic palettes

Questions

What colors go with Fireball?

In a tetradic scheme: Thick Green (#88CC22), Mermaid Net (#22CCCC), Puissant Purple (#7722CC), Redstone (#E46B71).

What is the hex code of Fireball?

#CE2029.