Arcade Fire Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Arcade Fire (#EE3311), each snapped to its nearest named color.
#EE3311
#0EE8A3
#1D5DEC
#AB250B
#55FFAA
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Arcade Fire | #EE3311 | 238, 51, 17 | 9°, 87%, 50% | 0, 79, 93, 7 | |
| Mega Teal | #0EE8A3 | 14, 232, 163 | 161°, 89%, 48% | 94, 0, 30, 9 | |
| Azul | #1D5DEC | 29, 93, 236 | 221°, 84%, 52% | 88, 61, 0, 7 | |
| Salsa Picante | #AB250B | 171, 37, 11 | 10°, 88%, 36% | 0, 78, 94, 33 | |
| Hanuman Green | #55FFAA | 85, 255, 170 | 150°, 100%, 67% | 67, 0, 33, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AB250B on #55FFAA | 5.42:1 | AA |
| Aa #0EE8A3 on #AB250B | 4.36:1 | AA large |
| Aa #1D5DEC on #55FFAA | 4.25:1 | AA large |
| Aa #0EE8A3 on #1D5DEC | 3.42:1 | AA large |
| Aa #EE3311 on #55FFAA | 3.18:1 | AA large |
| Aa #EE3311 on #0EE8A3 | 2.56:1 | — |
CSS variables
:root {
--color-1: #ee3311; /* Arcade Fire */
--color-2: #0ee8a3; /* Mega Teal */
--color-3: #1d5dec; /* Azul */
--color-4: #ab250b; /* Salsa Picante */
--color-5: #55ffaa; /* Hanuman Green */
}Other schemes from Arcade Fire
- Arcade Fire Complementary Color Scheme#EE3311#F47869#00CCEE#008CA9#6DEDFD
- Arcade Fire Analogous Color Scheme#ED0DD9#EE1155#EE3311#F2A60F#C1EE13
- Arcade Fire Triadic Color Scheme#EE3311#16F12D#3311EE#F18870#00AA22
- Arcade Fire Tetradic Color Scheme#EE3311#4BEC13#00CCEE#AD0AFD#F18870
- Arcade Fire Monochromatic Color Scheme#5E0E0B#AB250B#EE3311#F26E54#F5B1A2
More Medium Red split-complementary palettes
- 100 Mph Split-complementary Color Scheme#C93F38#22CC88#327CCB#8C2C24#7AD7AD
- Alarm Split-complementary Color Scheme#EC0003#0BF77D#0078F8#A10000#36FF9A
- Amaretto Split-complementary Color Scheme#AB6F60#65A98F#6274AB#784D40#93C5B6
- Amore Split-complementary Color Scheme#AE2F48#36B14E#2E85B1#771C2B#50C87C
- Anarchist Split-complementary Color Scheme#DB304A#3CD070#2FA1DA#A01C2D#7BE892
- Angry Tomato Split-complementary Color Scheme#D82029#24DD7E#248BCC#97171E#58F898
- Annatto Split-complementary Color Scheme#8C5341#408E7C#45538D#5B342E#6AB5A4
- Apple Cherry Split-complementary Color Scheme#F81404#00FA92#0070FF#AE0C00#55FFAA
- Assassin’s Red Split-complementary Color Scheme#F60206#0BF77D#0080FF#AB0102#58F898
- Autumn Fire Split-complementary Color Scheme#C44E4F#54C589#5488C0#94312F#88DDAA
- Bacon Strips Split-complementary Color Scheme#DF3F32#2DD78D#307DD3#AA251B#77EEBB
- Barbarossa Split-complementary Color Scheme#A84734#2EA785#3356AA#752E23#5ACAA4
Questions
What colors go with Arcade Fire?
In a split-complementary scheme: Mega Teal (#0EE8A3), Azul (#1D5DEC), Salsa Picante (#AB250B), Hanuman Green (#55FFAA).
What is the hex code of Arcade Fire?
#EE3311.