Purple Heart Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Purple Heart (#69359C), each snapped to its nearest named color.
#69359C
#9B983D
#3A9234
#442266
#CEC754
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Purple Heart | #69359C | 105, 53, 156 | 270°, 49%, 41% | 33, 66, 0, 39 | 44.9% 0.162 304 | |
| Be Yourself | #9B983D | 155, 152, 61 | 58°, 44%, 42% | 0, 2, 61, 39 | 66.4% 0.113 107 | |
| Putting Green | #3A9234 | 58, 146, 52 | 116°, 47%, 39% | 60, 0, 64, 43 | 58.6% 0.156 142 | |
| Fading Horizon | #442266 | 68, 34, 102 | 270°, 50%, 27% | 33, 67, 0, 60 | 33.5% 0.116 304 | |
| Salsa Verde | #CEC754 | 206, 199, 84 | 57°, 55%, 57% | 0, 3, 59, 19 | 81.3% 0.136 106 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #442266 on #CEC754 | 7.15:1 | AAA |
| Aa #69359C on #CEC754 | 4.60:1 | AA |
| Aa #9B983D on #442266 | 4.17:1 | AA large |
| Aa #3A9234 on #442266 | 3.21:1 | AA large |
| Aa #69359C on #9B983D | 2.68:1 | — |
| Aa #3A9234 on #CEC754 | 2.23:1 | — |
CSS variables
:root {
--color-1: #69359c; /* Purple Heart */
--color-2: #9b983d; /* Be Yourself */
--color-3: #3a9234; /* Putting Green */
--color-4: #442266; /* Fading Horizon */
--color-5: #cec754; /* Salsa Verde */
}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 Tetradic Color Scheme#69359C#993333#659C35#3B9C98#9966CC
- Purple Heart Monochromatic Color Scheme#1C0F33#442266#69359C#8659C2#BA93D8
More medium purple split-complementary color schemes
- Berry Jam Split-complementary Color Scheme#655883#847E54#598556#473854#B1A57B
- Busty Blue Split-complementary Color Scheme#3300CC#CC9900#33CC00#220088#FEC615
- Cosmic Heart Split-complementary Color Scheme#9601F4#CCEE00#0AFA1E#6611AA#FAFE4B
- Crown Jewels Split-complementary Color Scheme#946DAD#A2AF70#69B076#704783#C5CC9F
- Dreamscape Purple Split-complementary Color Scheme#9632CE#ACCB35#31D652#652793#C7DC68
- Electric Indigo Split-complementary Color Scheme#6600FF#FFE500#1BFC06#5500BB#FBEB50
- Flirtatious Flamingo Split-complementary Color Scheme#CC22FF#C9FF27#2DFE54#AA00CC#D4FB79
- Fuchsia Pheromone Split-complementary Color Scheme#9F4CB7#94B44C#52B963#733380#B8CC82
- Grapes of Italy Split-complementary Color Scheme#714A8B#898C4A#4D8C57#4A2D57#ADB274
- Hokkaido Lavender Split-complementary Color Scheme#7736D9#D9C737#58D332#5500AA#E6DA78
- Lavish Spending Split-complementary Color Scheme#8469BC#BBAB6D#7CBC6C#514B98#D9CA9F
- Lilac Spring Split-complementary Color Scheme#8822CC#BBCC22#31CD31#5A1991#D9E650
Questions
What colors go with Purple Heart?
In a split-complementary scheme: Be Yourself (#9B983D), Putting Green (#3A9234), Fading Horizon (#442266), Salsa Verde (#CEC754).
What is the hex code of Purple Heart?
#69359C.