Huebook

Arcade Fire Analogous Color Scheme

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

#ED0DD9
#EE1155
#EE3311
#F2A60F
#C1EE13

Color names and codes

NameHEXRGBHSLCMYK
Fuchsia#ED0DD9237, 13, 217305°, 90%, 49%0, 95, 8, 7
Red Wrath#EE1155238, 17, 85342°, 87%, 50%0, 93, 64, 7
Arcade Fire#EE3311238, 51, 179°, 87%, 50%0, 79, 93, 7
Orange Pospsicle#F2A60F242, 166, 1540°, 90%, 50%0, 31, 94, 5
Virtual Golf#C1EE13193, 238, 1972°, 87%, 50%19, 0, 92, 7

Which pairs work for text

Text on backgroundContrastWCAG
Aa #EE1155 on #C1EE133.20:1AA large
Aa #EE3311 on #C1EE133.03:1AA large
Aa #ED0DD9 on #C1EE132.74:1—
Aa #EE1155 on #F2A60F2.11:1—
Aa #EE3311 on #F2A60F2.00:1—
Aa #ED0DD9 on #F2A60F1.81:1—

CSS variables

:root {
  --color-1: #ed0dd9; /* Fuchsia */
  --color-2: #ee1155; /* Red Wrath */
  --color-3: #ee3311; /* Arcade Fire */
  --color-4: #f2a60f; /* Orange Pospsicle */
  --color-5: #c1ee13; /* Virtual Golf */
}

Other schemes from Arcade Fire

More Medium Red analogous palettes

Questions

What colors go with Arcade Fire?

In a analogous scheme: Fuchsia (#ED0DD9), Red Wrath (#EE1155), Orange Pospsicle (#F2A60F), Virtual Golf (#C1EE13).

What is the hex code of Arcade Fire?

#EE3311.