Huebook

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

NameHEXRGBHSLCMYKOKLCH
Piercing Pink#DD00EE221, 0, 238296°, 100%, 47%7, 100, 0, 764.0% 0.300 324
Feasty Fuchsia#EE0088238, 0, 136326°, 100%, 47%0, 100, 43, 761.8% 0.252 357
Mario#E4000F228, 0, 15356°, 100%, 45%0, 100, 93, 1157.7% 0.236 28
Spanish Orange#E86100232, 97, 025°, 100%, 45%0, 58, 100, 965.4% 0.186 45
Safety Yellow#EED202238, 210, 253°, 98%, 47%0, 12, 99, 786.1% 0.178 99

Which pairs work for text

Text on backgroundContrastWCAG
Aa #E4000F on #EED2023.22:1AA large
Aa #EE0088 on #EED2022.78:1—
Aa #DD00EE on #EED2022.61:1—
Aa #E86100 on #EED2022.26:1—
Aa #E4000F on #E861001.43:1—
Aa #DD00EE on #E4000F1.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 color schemes

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.