Violent Violet Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Violent Violet (#7F00FF), each snapped to its nearest named color.
#7F00FF
#FFFF00
#00FF00
#5500BB
#FAFE4B
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Violent Violet | #7F00FF | 127, 0, 255 | 270°, 100%, 50% | 50, 100, 0, 0 | |
| Yellow | #FFFF00 | 255, 255, 0 | 60°, 100%, 50% | 0, 0, 100, 0 | |
| Green | #00FF00 | 0, 255, 0 | 120°, 100%, 50% | 100, 0, 100, 0 | |
| Elegant Midnight | #5500BB | 85, 0, 187 | 267°, 100%, 37% | 55, 100, 0, 27 | |
| Banana Mash | #FAFE4B | 250, 254, 75 | 61°, 99%, 65% | 2, 0, 70, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #FFFF00 on #5500BB | 9.30:1 | AAA |
| Aa #5500BB on #FAFE4B | 9.19:1 | AAA |
| Aa #00FF00 on #5500BB | 7.27:1 | AAA |
| Aa #7F00FF on #FFFF00 | 5.84:1 | AA |
| Aa #7F00FF on #FAFE4B | 5.78:1 | AA |
| Aa #7F00FF on #00FF00 | 4.57:1 | AA |
CSS variables
:root {
--color-1: #7f00ff; /* Violent Violet */
--color-2: #ffff00; /* Yellow */
--color-3: #00ff00; /* Green */
--color-4: #5500bb; /* Elegant Midnight */
--color-5: #fafe4b; /* Banana Mash */
}Other schemes from Violent Violet
- Violent Violet Complementary Color Scheme#7F00FF#AA55FF#88FF00#5CB200#B1FF65
- Violent Violet Analogous Color Scheme#0080FF#0000FF#7F00FF#FF00FF#FF0080
- Violent Violet Triadic Color Scheme#7F00FF#FF7F00#00FF7F#AA66FF#B25F03
- Violent Violet Tetradic Color Scheme#7F00FF#FF0000#88FF00#00FFFF#AA66FF
- Violent Violet Monochromatic Color Scheme#330066#5500BB#7F00FF#AA55FF#CC99FF
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 Violent Violet?
In a split-complementary scheme: Yellow (#FFFF00), Green (#00FF00), Elegant Midnight (#5500BB), Banana Mash (#FAFE4B).
What is the hex code of Violent Violet?
#7F00FF.