Purple Heart Triadic Color Scheme
Five colors arranged by the triadic rule around Purple Heart (#69359C), each snapped to its nearest named color.
#69359C
#996633
#359E6B
#9966CC
#644222
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Purple Heart | #69359C | 105, 53, 156 | 270°, 49%, 41% | 33, 66, 0, 39 | |
| Woodgrain | #996633 | 153, 102, 51 | 30°, 50%, 40% | 0, 33, 67, 40 | |
| Bulma Hair | #359E6B | 53, 158, 107 | 151°, 50%, 41% | 66, 0, 32, 38 | |
| Amethyst | #9966CC | 153, 102, 204 | 270°, 50%, 60% | 25, 50, 0, 20 | |
| Satoimo Brown | #644222 | 100, 66, 34 | 29°, 49%, 26% | 0, 34, 66, 61 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #359E6B on #644222 | 2.67:1 | — |
| Aa #69359C on #359E6B | 2.41:1 | — |
| Aa #9966CC on #644222 | 2.19:1 | — |
| Aa #69359C on #9966CC | 1.98:1 | — |
| Aa #996633 on #644222 | 1.84:1 | — |
| Aa #69359C on #996633 | 1.66:1 | — |
CSS variables
:root {
--color-1: #69359c; /* Purple Heart */
--color-2: #996633; /* Woodgrain */
--color-3: #359e6b; /* Bulma Hair */
--color-4: #9966cc; /* Amethyst */
--color-5: #644222; /* Satoimo Brown */
}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 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 triadic palettes
- Berry Jam Triadic Color Scheme#655883#886150#558961#9787BB#594035
- Busty Blue Triadic Color Scheme#3300CC#CC3300#00CC33#6A2DED#882200
- Cosmic Heart Triadic Color Scheme#9601F4#F39800#00FA92#C95EFB#AA6600
- Crown Jewels Triadic Color Scheme#946DAD#B1936D#6FAB92#C5AECF#866D4C
- Dreamscape Purple Triadic Color Scheme#9632CE#CF9632#33CC99#CB82E3#926A25
- Electric Indigo Triadic Color Scheme#6600FF#FF6600#00FF77#AA66FF#B64701
- Flirtatious Flamingo Triadic Color Scheme#CC22FF#FFCC22#32FFDC#EE88FF#D5A300
- Fuchsia Pheromone Triadic Color Scheme#9F4CB7#BC9B4E#52BC9A#C49BD4#807532
- Grapes of Italy Triadic Color Scheme#714A8B#8B714B#4C8C72#A885B5#564A33
- Hokkaido Lavender Triadic Color Scheme#7736D9#D87839#3CD070#B195E4#A9561E
- Lavish Spending Triadic Color Scheme#8469BC#BD856C#61BA85#B6ADD8#935F43
- Lilac Spring Triadic Color Scheme#8822CC#CC8822#22CC88#B36FF6#885818
Questions
What colors go with Purple Heart?
In a triadic scheme: Woodgrain (#996633), Bulma Hair (#359E6B), Amethyst (#9966CC), Satoimo Brown (#644222).
What is the hex code of Purple Heart?
#69359C.