Passion Flower Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Passion Flower (#6F5698), each snapped to its nearest named color.
#6F5698
#989057
#5B984F
#4A3B6A
#BBB085
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Passion Flower | #6F5698 | 111, 86, 152 | 263°, 28%, 47% | 27, 43, 0, 40 | |
| Cardamom Green | #989057 | 152, 144, 87 | 53°, 27%, 47% | 0, 5, 43, 40 | |
| Wicked Witch | #5B984F | 91, 152, 79 | 110°, 32%, 45% | 40, 0, 48, 40 | |
| Meteorite | #4A3B6A | 74, 59, 106 | 259°, 28%, 32% | 30, 44, 0, 58 | |
| Tomatillo Salsa | #BBB085 | 187, 176, 133 | 48°, 28%, 63% | 0, 6, 29, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4A3B6A on #BBB085 | 4.55:1 | AA |
| Aa #989057 on #4A3B6A | 3.04:1 | AA large |
| Aa #5B984F on #4A3B6A | 2.85:1 | — |
| Aa #6F5698 on #BBB085 | 2.79:1 | — |
| Aa #6F5698 on #989057 | 1.87:1 | — |
| Aa #6F5698 on #5B984F | 1.75:1 | — |
CSS variables
:root {
--color-1: #6f5698; /* Passion Flower */
--color-2: #989057; /* Cardamom Green */
--color-3: #5b984f; /* Wicked Witch */
--color-4: #4a3b6a; /* Meteorite */
--color-5: #bbb085; /* Tomatillo Salsa */
}Other schemes from Passion Flower
- Passion Flower Complementary Color Scheme#6F5698#9D8ABF#7A9C58#55643B#AFC195
- Passion Flower Analogous Color Scheme#5B7E98#545E97#6F5698#8F509D#945B7F
- Passion Flower Triadic Color Scheme#6F5698#996E58#58936D#A590C0#694D3A
- Passion Flower Tetradic Color Scheme#6F5698#9B555D#7A9C58#549B8C#A590C0
- Passion Flower Monochromatic Color Scheme#281F3F#4A3B6A#6F5698#9884B9#C0B2D7
More Medium Purple split-complementary palettes
- 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 Passion Flower?
In a split-complementary scheme: Cardamom Green (#989057), Wicked Witch (#5B984F), Meteorite (#4A3B6A), Tomatillo Salsa (#BBB085).
What is the hex code of Passion Flower?
#6F5698.