Vicious Violet Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Vicious Violet (#8F509D), each snapped to its nearest named color.
#8F509D
#819B4F
#539B6A
#66386A
#ACB977
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Vicious Violet | #8F509D | 143, 80, 157 | 289°, 32%, 46% | 9, 49, 0, 38 | |
| Rosemarried | #819B4F | 129, 155, 79 | 81°, 32%, 46% | 17, 0, 49, 39 | |
| Solitary Tree | #539B6A | 83, 155, 106 | 139°, 30%, 47% | 46, 0, 32, 39 | |
| Plum | #66386A | 102, 56, 106 | 295°, 31%, 32% | 4, 47, 0, 58 | |
| Green Curry | #ACB977 | 172, 185, 119 | 72°, 32%, 60% | 7, 0, 36, 27 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #66386A on #ACB977 | 4.26:1 | AA large |
| Aa #819B4F on #66386A | 2.88:1 | — |
| Aa #539B6A on #66386A | 2.68:1 | — |
| Aa #8F509D on #ACB977 | 2.62:1 | — |
| Aa #8F509D on #819B4F | 1.77:1 | — |
| Aa #8F509D on #539B6A | 1.65:1 | — |
CSS variables
:root {
--color-1: #8f509d; /* Vicious Violet */
--color-2: #819b4f; /* Rosemarried */
--color-3: #539b6a; /* Solitary Tree */
--color-4: #66386a; /* Plum */
--color-5: #acb977; /* Green Curry */
}Other schemes from Vicious Violet
- Vicious Violet Complementary Color Scheme#8F509D#B48AC2#5A9F4D#476A30#96C193
- Vicious Violet Analogous Color Scheme#50599F#6D5698#8F509D#9B4B80#9B555D
- Vicious Violet Triadic Color Scheme#8F509D#9C9152#539F91#BF8FC4#6F6138
- Vicious Violet Tetradic Color Scheme#8F509D#97694F#5A9F4D#50859E#BF8FC4
- Vicious Violet Monochromatic Color Scheme#2E183B#66386A#8F509D#AB7CB4#CFB1D8
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 Vicious Violet?
In a split-complementary scheme: Rosemarried (#819B4F), Solitary Tree (#539B6A), Plum (#66386A), Green Curry (#ACB977).
What is the hex code of Vicious Violet?
#8F509D.