Purple Heart Tetradic Color Scheme
Five colors arranged by the tetradic rule around Purple Heart (#69359C), each snapped to its nearest named color.
#69359C
#993333
#659C35
#3B9C98
#9966CC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Purple Heart | #69359C | 105, 53, 156 | 270°, 49%, 41% | 33, 66, 0, 39 | |
| Poisonous Apple | #993333 | 153, 51, 51 | 0°, 50%, 40% | 0, 67, 67, 40 | |
| Radiant Foliage | #659C35 | 101, 156, 53 | 92°, 49%, 41% | 35, 0, 66, 39 | |
| Latigo Bay | #3B9C98 | 59, 156, 152 | 178°, 45%, 42% | 62, 0, 3, 39 | |
| Amethyst | #9966CC | 153, 102, 204 | 270°, 50%, 60% | 25, 50, 0, 20 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #69359C on #3B9C98 | 2.47:1 | — |
| Aa #69359C on #659C35 | 2.46:1 | — |
| Aa #993333 on #3B9C98 | 2.22:1 | — |
| Aa #993333 on #659C35 | 2.21:1 | — |
| Aa #69359C on #9966CC | 1.98:1 | — |
| Aa #993333 on #9966CC | 1.78:1 | — |
CSS variables
:root {
--color-1: #69359c; /* Purple Heart */
--color-2: #993333; /* Poisonous Apple */
--color-3: #659c35; /* Radiant Foliage */
--color-4: #3b9c98; /* Latigo Bay */
--color-5: #9966cc; /* Amethyst */
}Other schemes from Purple Heart
- Purple Heart Complementary Color Scheme#69359C#9966CC#659C35#526525#93C96A
- Purple Heart Analogous Color Scheme#376698#333399#69359C#922B9C#993366
- Purple Heart Triadic Color Scheme#69359C#996633#359E6B#9966CC#644222
- Purple Heart Split-complementary Color Scheme#69359C#9B983D#3A9234#442266#CEC754
- Purple Heart Monochromatic Color Scheme#1C0F33#442266#69359C#8659C2#BA93D8
More Medium Purple tetradic palettes
- Berry Jam Tetradic Color Scheme#655883#8E545C#728A51#56887D#9787BB
- Busty Blue Tetradic Color Scheme#3300CC#CC0033#99CC00#00CC99#6A2DED
- Cosmic Heart Tetradic Color Scheme#9601F4#FE1C06#55EE00#02D8E9#C95EFB
- Crown Jewels Tetradic Color Scheme#946DAD#AD7171#86A96F#6BA5A9#C5AECF
- Dreamscape Purple Tetradic Color Scheme#9632CE#D24833#6ECB3C#32BCD1#CB82E3
- Electric Indigo Tetradic Color Scheme#6600FF#FF0015#96FF00#00FFE5#AA66FF
- Flirtatious Flamingo Tetradic Color Scheme#CC22FF#F65D20#55FF22#37C4FA#EE88FF
- Fuchsia Pheromone Tetradic Color Scheme#9F4CB7#B56A4C#6AB54B#5296B7#C49BD4
- Grapes of Italy Tetradic Color Scheme#714A8B#8B504B#63884A#45868B#A885B5
- Hokkaido Lavender Tetradic Color Scheme#7736D9#DD3845#99DD33#30D5C8#B195E4
- Lavish Spending Tetradic Color Scheme#8469BC#BD6973#ACBF69#67BCB3#B6ADD8
- Lilac Spring Tetradic Color Scheme#8822CC#CC3322#66CC22#32BCD1#B36FF6
Questions
What colors go with Purple Heart?
In a tetradic scheme: Poisonous Apple (#993333), Radiant Foliage (#659C35), Latigo Bay (#3B9C98), Amethyst (#9966CC).
What is the hex code of Purple Heart?
#69359C.