Huebook

Mario Tetradic Color Scheme

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

#E4000F
#88EE11
#00E6D3
#6600FF
#FD4659

Color names and codes

NameHEXRGBHSLCMYK
Mario#E4000F228, 0, 15356°, 100%, 45%0, 100, 93, 11
Poisonous Pistachio#88EE11136, 238, 1788°, 87%, 50%43, 0, 93, 7
MoS₂ Cyan#00E6D30, 230, 211175°, 100%, 45%100, 0, 8, 10
Electric Indigo#6600FF102, 0, 255264°, 100%, 50%60, 100, 0, 0
Watermelon#FD4659253, 70, 89354°, 98%, 63%0, 72, 65, 1

Which pairs work for text

Text on backgroundContrastWCAG
Aa #88EE11 on #6600FF4.75:1AA
Aa #00E6D3 on #6600FF4.41:1AA large
Aa #E4000F on #88EE113.32:1AA large
Aa #E4000F on #00E6D33.08:1AA large
Aa #88EE11 on #FD46592.31:1—
Aa #00E6D3 on #FD46592.14:1—

CSS variables

:root {
  --color-1: #e4000f; /* Mario */
  --color-2: #88ee11; /* Poisonous Pistachio */
  --color-3: #00e6d3; /* MoS₂ Cyan */
  --color-4: #6600ff; /* Electric Indigo */
  --color-5: #fd4659; /* Watermelon */
}

Other schemes from Mario

More Medium Red tetradic palettes

Questions

What colors go with Mario?

In a tetradic scheme: Poisonous Pistachio (#88EE11), MoS₂ Cyan (#00E6D3), Electric Indigo (#6600FF), Watermelon (#FD4659).

What is the hex code of Mario?

#E4000F.