100 Mph Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around 100 Mph (#C93F38), each snapped to its nearest named color.
#C93F38
#22CC88
#327CCB
#8C2C24
#7AD7AD
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| 100 Mph | #C93F38 | 201, 63, 56 | 3°, 57%, 50% | 0, 69, 72, 21 | |
| Magical Malachite | #22CC88 | 34, 204, 136 | 156°, 71%, 47% | 83, 0, 33, 20 | |
| Heirloom Hydrangea | #327CCB | 50, 124, 203 | 211°, 60%, 50% | 75, 39, 0, 20 | |
| Borscht | #8C2C24 | 140, 44, 36 | 5°, 59%, 35% | 0, 69, 74, 45 | |
| Tadorna Teal | #7AD7AD | 122, 215, 173 | 153°, 54%, 66% | 43, 0, 20, 16 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8C2C24 on #7AD7AD | 4.86:1 | AA |
| Aa #22CC88 on #8C2C24 | 4.02:1 | AA large |
| Aa #C93F38 on #7AD7AD | 2.86:1 | — |
| Aa #327CCB on #7AD7AD | 2.49:1 | — |
| Aa #C93F38 on #22CC88 | 2.37:1 | — |
| Aa #22CC88 on #327CCB | 2.06:1 | — |
CSS variables
:root {
--color-1: #c93f38; /* 100 Mph */
--color-2: #22cc88; /* Magical Malachite */
--color-3: #327ccb; /* Heirloom Hydrangea */
--color-4: #8c2c24; /* Borscht */
--color-5: #7ad7ad; /* Tadorna Teal */
}Other schemes from 100 Mph
- 100 Mph Complementary Color Scheme#C93F38#D98580#3DCFC2#2B888D#88DDDD
- 100 Mph Analogous Color Scheme#CC33CC#CF3476#C93F38#C78538#C4CE3B
- 100 Mph Triadic Color Scheme#C93F38#32CD32#243BCD#DA8C87#318F33
- 100 Mph Tetradic Color Scheme#C93F38#7DC734#3DCFC2#9632CE#DA8C87
- 100 Mph Monochromatic Color Scheme#59181C#8C2C24#C93F38#D47A76#ECB2B3
More Medium Red split-complementary palettes
- 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
- Arcade Fire Split-complementary Color Scheme#EE3311#0EE8A3#1D5DEC#AB250B#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 100 Mph?
In a split-complementary scheme: Magical Malachite (#22CC88), Heirloom Hydrangea (#327CCB), Borscht (#8C2C24), Tadorna Teal (#7AD7AD).
What is the hex code of 100 Mph?
#C93F38.