Heavy Heart Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Heavy Heart (#771122), each snapped to its nearest named color.
#771122
#117733
#115674
#330011
#11BB55
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Heavy Heart | #771122 | 119, 17, 34 | 350°, 75%, 27% | 0, 86, 71, 53 | |
| Nature’s Strength | #117733 | 17, 119, 51 | 140°, 75%, 27% | 86, 0, 57, 53 | |
| Moroccan Blue | #115674 | 17, 86, 116 | 198°, 74%, 26% | 85, 26, 0, 55 | |
| Ilvaite Black | #330011 | 51, 0, 17 | 340°, 100%, 10% | 0, 100, 67, 80 | |
| Intoxicate | #11BB55 | 17, 187, 85 | 144°, 83%, 40% | 91, 0, 55, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #330011 on #11BB55 | 7.19:1 | AAA |
| Aa #771122 on #11BB55 | 4.38:1 | AA large |
| Aa #117733 on #330011 | 3.23:1 | AA large |
| Aa #115674 on #11BB55 | 3.17:1 | AA large |
| Aa #115674 on #330011 | 2.27:1 | — |
| Aa #117733 on #11BB55 | 2.23:1 | — |
CSS variables
:root {
--color-1: #771122; /* Heavy Heart */
--color-2: #117733; /* Nature’s Strength */
--color-3: #115674; /* Moroccan Blue */
--color-4: #330011; /* Ilvaite Black */
--color-5: #11bb55; /* Intoxicate */
}Other schemes from Heavy Heart
- Heavy Heart Complementary Color Scheme#771122#C81A3A#0E7C61#09332C#11CCBB
- Heavy Heart Analogous Color Scheme#661177#750851#771122#773311#74640D
- Heavy Heart Triadic Color Scheme#771122#2B7414#112473#C91F37#113300
- Heavy Heart Tetradic Color Scheme#771122#4D6D08#0E7C61#32127A#C91F37
- Heavy Heart Monochromatic Color Scheme#1A0600#330011#771122#BD1C30#EA3C53
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 Heart?
In a split-complementary scheme: Nature’s Strength (#117733), Moroccan Blue (#115674), Ilvaite Black (#330011), Intoxicate (#11BB55).
What is the hex code of Heavy Heart?
#771122.