Warming Heart Tetradic Color Scheme
Five colors arranged by the tetradic rule around Warming Heart (#D44B3B), each snapped to its nearest named color.
#D44B3B
#6ECB3C
#22C1D5
#9632CE
#E29991
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Warming Heart | #D44B3B | 212, 75, 59 | 6°, 64%, 53% | 0, 65, 72, 17 | |
| Bitter Dandelion | #6ECB3C | 110, 203, 60 | 99°, 58%, 52% | 46, 0, 70, 20 | |
| The Crowd Roars! | #22C1D5 | 34, 193, 213 | 187°, 72%, 48% | 84, 9, 0, 16 | |
| Dreamscape Purple | #9632CE | 150, 50, 206 | 278°, 61%, 50% | 27, 76, 0, 19 | |
| Strawberry Rose | #E29991 | 226, 153, 145 | 6°, 58%, 73% | 0, 32, 36, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6ECB3C on #9632CE | 2.82:1 | — |
| Aa #22C1D5 on #9632CE | 2.65:1 | — |
| Aa #9632CE on #E29991 | 2.52:1 | — |
| Aa #D44B3B on #6ECB3C | 2.11:1 | — |
| Aa #D44B3B on #22C1D5 | 1.98:1 | — |
| Aa #D44B3B on #E29991 | 1.89:1 | — |
CSS variables
:root {
--color-1: #d44b3b; /* Warming Heart */
--color-2: #6ecb3c; /* Bitter Dandelion */
--color-3: #22c1d5; /* The Crowd Roars! */
--color-4: #9632ce; /* Dreamscape Purple */
--color-5: #e29991; /* Strawberry Rose */
}Other schemes from Warming Heart
- Warming Heart Complementary Color Scheme#D44B3B#ED9181#22C1D5#218BA0#8DDEE1
- Warming Heart Analogous Color Scheme#CC33CC#D33479#D44B3B#D3973C#C4CE3B
- Warming Heart Triadic Color Scheme#D44B3B#31D652#5539CC#E29991#2BA727
- Warming Heart Split-complementary Color Scheme#D44B3B#33CC99#3377CC#A43323#77EEBB
- Warming Heart Monochromatic Color Scheme#651A14#A43323#D44B3B#E5867B#F0BEB8
More Medium Red tetradic palettes
- 100 Mph Tetradic Color Scheme#C93F38#7DC734#3DCFC2#9632CE#DA8C87
- Alarm Tetradic Color Scheme#EC0003#73E608#00EEEE#6F00FE#FF5555
- Amaretto Tetradic Color Scheme#AB6F60#71AB62#6299AA#9264A2#CEADA3
- Amore Tetradic Color Scheme#AE2F48#8EAD2C#25AE8E#5930A9#DC6C84
- Anarchist Tetradic Color Scheme#DB304A#99DD33#2DDFC1#7736D9#F08497
- Angry Tomato Tetradic Color Scheme#D82029#88CC22#22CCCC#7722CC#ED7777
- Annatto Tetradic Color Scheme#8C5341#548D44#41788A#784384#BE8774
- Apple Cherry Tetradic Color Scheme#F81404#66FC00#00EBFF#9601F4#FF6E61
- Arcade Fire Tetradic Color Scheme#EE3311#4BEC13#00CCEE#AD0AFD#F18870
- Assassin’s Red Tetradic Color Scheme#F60206#87FD05#01F1F1#7F01FE#FF6163
- Autumn Fire Tetradic Color Scheme#C44E4F#8CC34B#53C2C3#8659C2#DD9999
- Bacon Strips Tetradic Color Scheme#DF3F32#75DE2F#30D5C8#8833DD#EE918D
Questions
What colors go with Warming Heart?
In a tetradic scheme: Bitter Dandelion (#6ECB3C), The Crowd Roars! (#22C1D5), Dreamscape Purple (#9632CE), Strawberry Rose (#E29991).
What is the hex code of Warming Heart?
#D44B3B.