Vivid Violet Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Vivid Violet (#9F00FF), each snapped to its nearest named color.
#9F00FF
#E3FF00
#0AFA1E
#6611AA
#E1FE52
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Vivid Violet | #9F00FF | 159, 0, 255 | 277°, 100%, 50% | 38, 100, 0, 0 | |
| Lime Jelly | #E3FF00 | 227, 255, 0 | 67°, 100%, 50% | 11, 0, 100, 0 | |
| Galactic Emerald | #0AFA1E | 10, 250, 30 | 125°, 96%, 51% | 96, 0, 88, 2 | |
| Indiviolet Sunset | #6611AA | 102, 17, 170 | 273°, 82%, 37% | 40, 90, 0, 33 | |
| Green Ooze | #E1FE52 | 225, 254, 82 | 70°, 99%, 66% | 11, 0, 68, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E3FF00 on #6611AA | 8.34:1 | AAA |
| Aa #6611AA on #E1FE52 | 8.31:1 | AAA |
| Aa #0AFA1E on #6611AA | 6.61:1 | AA |
| Aa #9F00FF on #E3FF00 | 4.74:1 | AA |
| Aa #9F00FF on #E1FE52 | 4.72:1 | AA |
| Aa #9F00FF on #0AFA1E | 3.75:1 | AA large |
CSS variables
:root {
--color-1: #9f00ff; /* Vivid Violet */
--color-2: #e3ff00; /* Lime Jelly */
--color-3: #0afa1e; /* Galactic Emerald */
--color-4: #6611aa; /* Indiviolet Sunset */
--color-5: #e1fe52; /* Green Ooze */
}Other schemes from Vivid Violet
- Vivid Violet Complementary Color Scheme#9F00FF#C95EFB#66FF00#44AA00#AEFD6C
- Vivid Violet Analogous Color Scheme#0165FC#1600FC#9F00FF#FF08E8#FF0066
- Vivid Violet Triadic Color Scheme#9F00FF#FF9F00#00FF99#C760FF#B17304
- Vivid Violet Tetradic Color Scheme#9F00FF#FE1C06#66FF00#00EBFF#C760FF
- Vivid Violet Monochromatic Color Scheme#4B006E#6611AA#9F00FF#AA55FF#D59CFC
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 Vivid Violet?
In a split-complementary scheme: Lime Jelly (#E3FF00), Galactic Emerald (#0AFA1E), Indiviolet Sunset (#6611AA), Green Ooze (#E1FE52).
What is the hex code of Vivid Violet?
#9F00FF.