Mario Complementary Color Scheme

Five colors arranged by the complementary rule around Mario (#E4000F), each snapped to its nearest named color.

#E4000F

#FF404C

#00E6D3

#00988E

#55FFEE

Color names and codes

Name	HEX	RGB	HSL	CMYK
Mario	`#E4000F`	228, 0, 15	356°, 100%, 45%	0, 100, 93, 11
Sunburnt Cyclops	`#FF404C`	255, 64, 76	356°, 100%, 63%	0, 75, 70, 0
MoS₂ Cyan	`#00E6D3`	0, 230, 211	175°, 100%, 45%	100, 0, 8, 10
Green Dynasty	`#00988E`	0, 152, 142	176°, 100%, 30%	100, 0, 7, 40
Icy Life	`#55FFEE`	85, 255, 238	174°, 100%, 67%	67, 0, 7, 0

Which pairs work for text

Text on background	Contrast	WCAG
Aa #E4000F on #55FFEE	3.93:1	AA large
Aa #E4000F on #00E6D3	3.08:1	AA large
Aa #00988E on #55FFEE	2.88:1	—
Aa #FF404C on #55FFEE	2.78:1	—
Aa #00E6D3 on #00988E	2.25:1	—
Aa #FF404C on #00E6D3	2.18:1	—

CSS variables

:root {
  --color-1: #e4000f; /* Mario */
  --color-2: #ff404c; /* Sunburnt Cyclops */
  --color-3: #00e6d3; /* MoS₂ Cyan */
  --color-4: #00988e; /* Green Dynasty */
  --color-5: #55ffee; /* Icy Life */
}

Other schemes from Mario

More Medium Red complementary palettes

Questions

What colors go with Mario?

In a complementary scheme: Sunburnt Cyclops (#FF404C), MoS₂ Cyan (#00E6D3), Green Dynasty (#00988E), Icy Life (#55FFEE).

What is the hex code of Mario?

#E4000F.