Purple Heart Complementary Color Scheme
Five colors arranged by the complementary rule around Purple Heart (#69359C), each snapped to its nearest named color.
#69359C
#9966CC
#659C35
#526525
#93C96A
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Purple Heart | #69359C | 105, 53, 156 | 270°, 49%, 41% | 33, 66, 0, 39 | |
| Amethyst | #9966CC | 153, 102, 204 | 270°, 50%, 60% | 25, 50, 0, 20 | |
| Radiant Foliage | #659C35 | 101, 156, 53 | 92°, 49%, 41% | 35, 0, 66, 39 | |
| Tabbouleh Green | #526525 | 82, 101, 37 | 78°, 46%, 27% | 19, 0, 63, 60 | |
| Apple Orchard | #93C96A | 147, 201, 106 | 94°, 47%, 60% | 27, 0, 47, 21 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #69359C on #93C96A | 4.17:1 | AA large |
| Aa #526525 on #93C96A | 3.33:1 | AA large |
| Aa #69359C on #659C35 | 2.46:1 | — |
| Aa #9966CC on #93C96A | 2.11:1 | — |
| Aa #69359C on #9966CC | 1.98:1 | — |
| Aa #659C35 on #526525 | 1.96:1 | — |
CSS variables
:root {
--color-1: #69359c; /* Purple Heart */
--color-2: #9966cc; /* Amethyst */
--color-3: #659c35; /* Radiant Foliage */
--color-4: #526525; /* Tabbouleh Green */
--color-5: #93c96a; /* Apple Orchard */
}Other schemes from Purple Heart
- 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 Tetradic Color Scheme#69359C#993333#659C35#3B9C98#9966CC
- Purple Heart Monochromatic Color Scheme#1C0F33#442266#69359C#8659C2#BA93D8
More Medium Purple complementary palettes
- Berry Jam Complementary Color Scheme#655883#9188B5#728A51#505838#A8B989
- Busty Blue Complementary Color Scheme#3300CC#5533FF#99CC00#758000#C8FD3D
- Cosmic Heart Complementary Color Scheme#9601F4#AA55FF#55EE00#44AA00#9CEF43
- Crown Jewels Complementary Color Scheme#946DAD#BCACCD#86A96F#648149#BBD3AD
- Dreamscape Purple Complementary Color Scheme#9632CE#BF77F6#6ECB3C#448822#A3E493
- Electric Indigo Complementary Color Scheme#6600FF#9955FF#96FF00#6CB506#C2F177
- Flirtatious Flamingo Complementary Color Scheme#CC22FF#EE77FF#55FF22#33CC00#B1FC99
- Fuchsia Pheromone Complementary Color Scheme#9F4CB7#C687D6#6AB54B#448833#A6D292
- Grapes of Italy Complementary Color Scheme#714A8B#9D7EB7#63884A#47562F#93B881
- Hokkaido Lavender Complementary Color Scheme#7736D9#BF8FE5#99DD33#71A91D#C1E28A
- Lavish Spending Complementary Color Scheme#8469BC#B4A6D5#ACBF69#7E9242#CEDAAC
- Lilac Spring Complementary Color Scheme#8822CC#B36FF6#66CC22#44891A#9AE37D
Questions
What colors go with Purple Heart?
In a complementary scheme: Amethyst (#9966CC), Radiant Foliage (#659C35), Tabbouleh Green (#526525), Apple Orchard (#93C96A).
What is the hex code of Purple Heart?
#69359C.