Vicious Violet Complementary Color Scheme
Five colors arranged by the complementary rule around Vicious Violet (#8F509D), each snapped to its nearest named color.
#8F509D
#B48AC2
#5A9F4D
#476A30
#96C193
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Vicious Violet | #8F509D | 143, 80, 157 | 289°, 32%, 46% | 9, 49, 0, 38 | |
| Creeping Bellflower | #B48AC2 | 180, 138, 194 | 285°, 31%, 65% | 7, 29, 0, 24 | |
| Parsley Green | #5A9F4D | 90, 159, 77 | 110°, 35%, 46% | 43, 0, 52, 38 | |
| Tree Shade | #476A30 | 71, 106, 48 | 96°, 38%, 30% | 33, 0, 55, 58 | |
| Velvet Leaf | #96C193 | 150, 193, 147 | 116°, 27%, 67% | 22, 0, 24, 24 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #476A30 on #96C193 | 3.07:1 | AA large |
| Aa #8F509D on #96C193 | 2.72:1 | — |
| Aa #B48AC2 on #476A30 | 2.18:1 | — |
| Aa #8F509D on #B48AC2 | 1.93:1 | — |
| Aa #5A9F4D on #476A30 | 1.93:1 | — |
| Aa #8F509D on #5A9F4D | 1.71:1 | — |
CSS variables
:root {
--color-1: #8f509d; /* Vicious Violet */
--color-2: #b48ac2; /* Creeping Bellflower */
--color-3: #5a9f4d; /* Parsley Green */
--color-4: #476a30; /* Tree Shade */
--color-5: #96c193; /* Velvet Leaf */
}Other schemes from Vicious Violet
- Vicious Violet Analogous Color Scheme#50599F#6D5698#8F509D#9B4B80#9B555D
- Vicious Violet Triadic Color Scheme#8F509D#9C9152#539F91#BF8FC4#6F6138
- Vicious Violet Split-complementary Color Scheme#8F509D#819B4F#539B6A#66386A#ACB977
- Vicious Violet Tetradic Color Scheme#8F509D#97694F#5A9F4D#50859E#BF8FC4
- Vicious Violet Monochromatic Color Scheme#2E183B#66386A#8F509D#AB7CB4#CFB1D8
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 Vicious Violet?
In a complementary scheme: Creeping Bellflower (#B48AC2), Parsley Green (#5A9F4D), Tree Shade (#476A30), Velvet Leaf (#96C193).
What is the hex code of Vicious Violet?
#8F509D.