Mario Analogous Color Scheme

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

#DD00EE

#EE0088

#E4000F

#E86100

#EED202

Color names and codes

Name	HEX	RGB	HSL	CMYK
Piercing Pink	`#DD00EE`	221, 0, 238	296°, 100%, 47%	7, 100, 0, 7
Feasty Fuchsia	`#EE0088`	238, 0, 136	326°, 100%, 47%	0, 100, 43, 7
Mario	`#E4000F`	228, 0, 15	356°, 100%, 45%	0, 100, 93, 11
Spanish Orange	`#E86100`	232, 97, 0	25°, 100%, 45%	0, 58, 100, 9
Safety Yellow	`#EED202`	238, 210, 2	53°, 98%, 47%	0, 12, 99, 7

Which pairs work for text

Text on background	Contrast	WCAG
Aa #E4000F on #EED202	3.22:1	AA large
Aa #EE0088 on #EED202	2.78:1	—
Aa #DD00EE on #EED202	2.61:1	—
Aa #E86100 on #EED202	2.26:1	—
Aa #E4000F on #E86100	1.43:1	—
Aa #DD00EE on #E4000F	1.23:1	—

CSS variables

:root {
  --color-1: #dd00ee; /* Piercing Pink */
  --color-2: #ee0088; /* Feasty Fuchsia */
  --color-3: #e4000f; /* Mario */
  --color-4: #e86100; /* Spanish Orange */
  --color-5: #eed202; /* Safety Yellow */
}

Other schemes from Mario

More Medium Red analogous palettes

Questions

What colors go with Mario?

In a analogous scheme: Piercing Pink (#DD00EE), Feasty Fuchsia (#EE0088), Spanish Orange (#E86100), Safety Yellow (#EED202).

What is the hex code of Mario?

#E4000F.