Heavy Red Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Heavy Red (#9E1212), each snapped to its nearest named color.
#9E1212
#1E9752
#17569B
#5C0C0C
#1EF876
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Heavy Red | #9E1212 | 158, 18, 18 | 0°, 80%, 35% | 0, 89, 89, 38 | |
| Garnish | #1E9752 | 30, 151, 82 | 146°, 67%, 35% | 80, 0, 46, 41 | |
| Sonic Blue | #17569B | 23, 86, 155 | 211°, 74%, 35% | 85, 45, 0, 39 | |
| Vampiric Council | #5C0C0C | 92, 12, 12 | 0°, 77%, 20% | 0, 87, 87, 64 | |
| Synthetic Spearmint | #1EF876 | 30, 248, 118 | 144°, 94%, 55% | 88, 0, 52, 3 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #5C0C0C on #1EF876 | 9.74:1 | AAA |
| Aa #9E1212 on #1EF876 | 5.78:1 | AA |
| Aa #17569B on #1EF876 | 5.19:1 | AA |
| Aa #1E9752 on #5C0C0C | 3.70:1 | AA large |
| Aa #1E9752 on #1EF876 | 2.63:1 | — |
| Aa #9E1212 on #1E9752 | 2.20:1 | — |
CSS variables
:root {
--color-1: #9e1212; /* Heavy Red */
--color-2: #1e9752; /* Garnish */
--color-3: #17569b; /* Sonic Blue */
--color-4: #5c0c0c; /* Vampiric Council */
--color-5: #1ef876; /* Synthetic Spearmint */
}Other schemes from Heavy Red
- Heavy Red Complementary Color Scheme#9E1212#ED292B#159F9B#095859#22EEFF
- Heavy Red Analogous Color Scheme#991199#941751#9E1212#995915#999911
- Heavy Red Triadic Color Scheme#9E1212#139D08#0A1195#E12C2C#0B5509
- Heavy Red Tetradic Color Scheme#9E1212#549019#159F9B#551199#E12C2C
- Heavy Red Monochromatic Color Scheme#1D0200#5C0C0C#9E1212#E0180C#E55E58
More Dark Red split-complementary palettes
- Active Volcano Split-complementary Color Scheme#BB1133#11BB44#1682B9#771122#33EE66
- Akai Red Split-complementary Color Scheme#BC012E#00BB33#008DBB#680018#00FF55
- All Systems Red Split-complementary Color Scheme#B30103#00BB55#095BAF#660000#00FF7C
- Antique Port Wine Split-complementary Color Scheme#98211A#1E9167#1D5699#551111#2DD78D
- Arcane Red Split-complementary Color Scheme#6A2F2F#336B4B#2C4D69#3A181A#4C9C77
- Barbera Split-complementary Color Scheme#8B031C#008833#00608B#440011#0BDB43
- Barolo Split-complementary Color Scheme#71000E#006C2E#034A71#220000#00BB44
- Bitter Chocolate Split-complementary Color Scheme#4F2923#284C3C#28314D#16110D#398467
- Blackened Sun Split-complementary Color Scheme#77150E#127A49#053976#330404#0CB577
- Bleeding Crimson Split-complementary Color Scheme#9B1414#1E9752#17569B#5C0C0C#18D17B
- Blood Brother Split-complementary Color Scheme#770011#007722#014C76#2B0202#02C14D
- Blood Oath Split-complementary Color Scheme#85323C#2F8351#316382#4C1C24#45BE76
Questions
What colors go with Heavy Red?
In a split-complementary scheme: Garnish (#1E9752), Sonic Blue (#17569B), Vampiric Council (#5C0C0C), Synthetic Spearmint (#1EF876).
What is the hex code of Heavy Red?
#9E1212.