Bleeding Heart Triadic Color Scheme
Five colors arranged by the triadic rule around Bleeding Heart (#C02E4C), each snapped to its nearest named color.
#C02E4C
#58D332
#214FC6
#DD7788
#328E13
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Bleeding Heart | #C02E4C | 192, 46, 76 | 348°, 61%, 47% | 0, 76, 60, 25 | |
| Download Progress | #58D332 | 88, 211, 50 | 106°, 65%, 51% | 58, 0, 76, 17 | |
| New Car | #214FC6 | 33, 79, 198 | 223°, 71%, 45% | 83, 60, 0, 22 | |
| Creamy Coral | #DD7788 | 221, 119, 136 | 350°, 60%, 67% | 0, 46, 38, 13 | |
| Cossack Green | #328E13 | 50, 142, 19 | 105°, 76%, 32% | 65, 0, 87, 44 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #58D332 on #214FC6 | 3.59:1 | AA large |
| Aa #C02E4C on #58D332 | 2.88:1 | — |
| Aa #214FC6 on #DD7788 | 2.36:1 | — |
| Aa #58D332 on #328E13 | 2.15:1 | — |
| Aa #C02E4C on #DD7788 | 1.89:1 | — |
| Aa #214FC6 on #328E13 | 1.67:1 | — |
CSS variables
:root {
--color-1: #c02e4c; /* Bleeding Heart */
--color-2: #58d332; /* Download Progress */
--color-3: #214fc6; /* New Car */
--color-4: #dd7788; /* Creamy Coral */
--color-5: #328e13; /* Cossack Green */
}Other schemes from Bleeding Heart
- Bleeding Heart Complementary Color Scheme#C02E4C#DC6C84#34C2A7#17806D#75DBC1
- Bleeding Heart Analogous Color Scheme#AA22CC#CA2C92#C02E4C#C35530#C6AA2B
- Bleeding Heart Split-complementary Color Scheme#C02E4C#31D652#2792C3#841B2D#65CE95
- Bleeding Heart Tetradic Color Scheme#C02E4C#9ACD32#34C2A7#5533CC#DD7788
- Bleeding Heart Monochromatic Color Scheme#450E15#841B2D#C02E4C#DD6677#E69DAD
More Medium Red triadic palettes
- 100 Mph Triadic Color Scheme#C93F38#32CD32#243BCD#DA8C87#318F33
- Alarm Triadic Color Scheme#EC0003#00EE00#0000EE#FF5555#00A800
- Amaretto Triadic Color Scheme#AB6F60#69B076#7761AB#CEADA3#407A52
- Amore Triadic Color Scheme#AE2F48#44AA33#324AB2#DC6C84#2B7414
- Anarchist Triadic Color Scheme#DB304A#58D332#2242C7#F08497#33AA00
- Angry Tomato Triadic Color Scheme#D82029#24D427#243BCD#ED7777#1B8E13
- Annatto Triadic Color Scheme#8C5341#418C53#554488#BE8774#2B5D34
- Apple Cherry Triadic Color Scheme#F81404#09F911#1600FC#FF6E61#00AA11
- Arcade Fire Triadic Color Scheme#EE3311#16F12D#3311EE#F18870#00AA22
- Assassin’s Red Triadic Color Scheme#F60206#00F900#0804F9#FF6163#00AA00
- Autumn Fire Triadic Color Scheme#C44E4F#58D854#4455CC#DD9999#318F33
- Bacon Strips Triadic Color Scheme#DF3F32#3BDE39#243BCD#EE918D#11BB22
Questions
What colors go with Bleeding Heart?
In a triadic scheme: Download Progress (#58D332), New Car (#214FC6), Creamy Coral (#DD7788), Cossack Green (#328E13).
What is the hex code of Bleeding Heart?
#C02E4C.