Purple Passion Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Purple Passion (#784674), each snapped to its nearest named color.
#784674
#5A7C46
#447A66
#452E4A
#85A16A
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Purple Passion | #784674 | 120, 70, 116 | 305°, 26%, 37% | 0, 42, 3, 53 | |
| Mossy Green | #5A7C46 | 90, 124, 70 | 98°, 28%, 38% | 27, 0, 44, 51 | |
| Leaping Lizard | #447A66 | 68, 122, 102 | 158°, 28%, 37% | 44, 0, 16, 52 | |
| Purple Pennant | #452E4A | 69, 46, 74 | 289°, 23%, 24% | 7, 38, 0, 71 | |
| Pickle | #85A16A | 133, 161, 106 | 91°, 23%, 52% | 17, 0, 34, 37 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #452E4A on #85A16A | 4.19:1 | AA large |
| Aa #5A7C46 on #452E4A | 2.53:1 | — |
| Aa #784674 on #85A16A | 2.50:1 | — |
| Aa #447A66 on #452E4A | 2.42:1 | — |
| Aa #447A66 on #85A16A | 1.73:1 | — |
| Aa #784674 on #452E4A | 1.68:1 | — |
CSS variables
:root {
--color-1: #784674; /* Purple Passion */
--color-2: #5a7c46; /* Mossy Green */
--color-3: #447a66; /* Leaping Lizard */
--color-4: #452e4a; /* Purple Pennant */
--color-5: #85a16a; /* Pickle */
}Other schemes from Purple Passion
- Purple Passion Complementary Color Scheme#784674#AC74A4#44764A#36482F#77AA77
- Purple Passion Analogous Color Scheme#4B4775#634878#784674#75495E#784848
- Purple Passion Triadic Color Scheme#784674#777648#487678#B079A7#464826
- Purple Passion Tetradic Color Scheme#784674#756244#44764A#445A79#B079A7
- Purple Passion Monochromatic Color Scheme#141314#452E4A#784674#A767A2#CC94BE
More Dark Pink split-complementary palettes
- 8 Bit Eggplant Split-complementary Color Scheme#990066#119900#009B7D#4C022F#33EE00
- Aristocratic Velvet Split-complementary Color Scheme#980B4A#009911#0D9494#550022#0ADD08
- Aztec Warrior Split-complementary Color Scheme#BB0066#11BB00#0ABAB5#730039#1BFC06
- Bane of Royalty Split-complementary Color Scheme#871466#328E13#1B8A6B#4C022F#46CB18
- Beet Red Split-complementary Color Scheme#7E203F#287C37#216879#441122#36B14E
- Berry Split-complementary Color Scheme#990F4B#009911#12939A#4C022F#13DA25
- Bindi Red Split-complementary Color Scheme#B0003C#00AA11#0093AF#650021#00FF26
- Bordeaux Split-complementary Color Scheme#7B002C#007711#00697C#330011#00CC11
- Botticelli Split-complementary Color Scheme#B70272#11BB00#00BBAA#770044#21FC0D
- Bruise Split-complementary Color Scheme#7E4071#4F7942#447A66#462343#75AD5B
- Castro Split-complementary Color Scheme#44232F#224634#283C44#130D0D#3D7049
- Cranberry Split-complementary Color Scheme#9E003A#009911#00889F#560319#00EE11
Questions
What colors go with Purple Passion?
In a split-complementary scheme: Mossy Green (#5A7C46), Leaping Lizard (#447A66), Purple Pennant (#452E4A), Pickle (#85A16A).
What is the hex code of Purple Passion?
#784674.