Old Heart Triadic Color Scheme
Five colors arranged by the triadic rule around Old Heart (#E66A77), each snapped to its nearest named color.
#E66A77
#64EB65
#657AEF
#F4C0C6
#3BDE39
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Old Heart | #E66A77 | 230, 106, 119 | 354°, 71%, 66% | 0, 54, 48, 10 | |
| Loud Green | #64EB65 | 100, 235, 101 | 120°, 77%, 66% | 57, 0, 57, 8 | |
| Pan Purple | #657AEF | 101, 122, 239 | 231°, 81%, 67% | 58, 49, 0, 6 | |
| Rose Reminder | #F4C0C6 | 244, 192, 198 | 353°, 70%, 85% | 0, 21, 19, 4 | |
| Green Juice | #3BDE39 | 59, 222, 57 | 119°, 71%, 55% | 73, 0, 74, 13 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #64EB65 on #657AEF | 2.44:1 | — |
| Aa #657AEF on #F4C0C6 | 2.36:1 | — |
| Aa #657AEF on #3BDE39 | 2.09:1 | — |
| Aa #E66A77 on #64EB65 | 2.03:1 | — |
| Aa #E66A77 on #F4C0C6 | 1.97:1 | — |
| Aa #E66A77 on #3BDE39 | 1.75:1 | — |
CSS variables
:root {
--color-1: #e66a77; /* Old Heart */
--color-2: #64eb65; /* Loud Green */
--color-3: #657aef; /* Pan Purple */
--color-4: #f4c0c6; /* Rose Reminder */
--color-5: #3bde39; /* Green Juice */
}Other schemes from Old Heart
- Old Heart Complementary Color Scheme#E66A77#F0B9BE#6FE7DB#2DDFC1#C5F5E8
- Old Heart Analogous Color Scheme#CD68E2#E86EAD#E66A77#E89D6F#E9D66B
- Old Heart Split-complementary Color Scheme#E66A77#7BE892#66B2E4#DD2233#ABEDC9
- Old Heart Tetradic Color Scheme#E66A77#BEEB71#6FE7DB#9878F8#F4C0C6
- Old Heart Monochromatic Color Scheme#95122C#DD2233#E66A77#F0ADB3#F9EAEB
More Light Red triadic palettes
- Amour Triadic Color Scheme#EE5851#43E85F#524EFB#F5B1AA#0ADD08
- Angry Flamingo Triadic Color Scheme#F04E45#4EFD54#4B4CFC#F9A7A4#00CC11
- Anime Blush Triadic Color Scheme#FF7A83#8CFD7E#7A81FF#FFE4E1#33FF22
- Aphrodisiac Triadic Color Scheme#E35A63#70F15E#5260E1#F1B3B6#24D427
- Babe Triadic Color Scheme#DC7B7C#77DD77#7777CC#F1CBCD#5AD33E
- Begonia Triadic Color Scheme#FA6E79#77FF66#6A79F7#FDD0D5#33FF22
- Berrylicious Triadic Color Scheme#D75E6C#69D84F#5170D7#ECB2B3#34B334
- Bite My Tongue Triadic Color Scheme#D47D72#6CCC7B#7777CC#ECC5C0#3EB753
- Blood Burst Triadic Color Scheme#FF474C#4EFD54#4C4DFF#FFB0AC#00F900
- Blush Bomb Triadic Color Scheme#DD99AA#A9D99C#9BACD8#F5E6EA#74C365
- Blush Hour Triadic Color Scheme#FF6F91#96F97B#6888FC#FFD6DD#55FF22
- Boho Blush Triadic Color Scheme#E58787#94E089#8F8CE7#F8DCDB#58D854
Questions
What colors go with Old Heart?
In a triadic scheme: Loud Green (#64EB65), Pan Purple (#657AEF), Rose Reminder (#F4C0C6), Green Juice (#3BDE39).
What is the hex code of Old Heart?
#E66A77.