Violent Violet Complementary Color Scheme
Five colors arranged by the complementary rule around Violent Violet (#7F00FF), each snapped to its nearest named color.
#7F00FF
#AA55FF
#88FF00
#5CB200
#B1FF65
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Violent Violet | #7F00FF | 127, 0, 255 | 270°, 100%, 50% | 50, 100, 0, 0 | |
| Vega Violet | #AA55FF | 170, 85, 255 | 270°, 100%, 67% | 33, 67, 0, 0 | |
| Lasting Lime | #88FF00 | 136, 255, 0 | 88°, 100%, 50% | 47, 0, 100, 0 | |
| Kermit Green | #5CB200 | 92, 178, 0 | 89°, 100%, 35% | 48, 0, 100, 30 | |
| Pale Lime Green | #B1FF65 | 177, 255, 101 | 90°, 100%, 70% | 31, 0, 60, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #7F00FF on #B1FF65 | 5.19:1 | AA |
| Aa #7F00FF on #88FF00 | 4.89:1 | AA |
| Aa #AA55FF on #B1FF65 | 3.18:1 | AA large |
| Aa #AA55FF on #88FF00 | 3.00:1 | — |
| Aa #7F00FF on #5CB200 | 2.34:1 | — |
| Aa #5CB200 on #B1FF65 | 2.22:1 | — |
CSS variables
:root {
--color-1: #7f00ff; /* Violent Violet */
--color-2: #aa55ff; /* Vega Violet */
--color-3: #88ff00; /* Lasting Lime */
--color-4: #5cb200; /* Kermit Green */
--color-5: #b1ff65; /* Pale Lime Green */
}Other schemes from Violent Violet
- Violent Violet Analogous Color Scheme#0080FF#0000FF#7F00FF#FF00FF#FF0080
- Violent Violet Triadic Color Scheme#7F00FF#FF7F00#00FF7F#AA66FF#B25F03
- Violent Violet Split-complementary Color Scheme#7F00FF#FFFF00#00FF00#5500BB#FAFE4B
- Violent Violet Tetradic Color Scheme#7F00FF#FF0000#88FF00#00FFFF#AA66FF
- Violent Violet Monochromatic Color Scheme#330066#5500BB#7F00FF#AA55FF#CC99FF
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 Violent Violet?
In a complementary scheme: Vega Violet (#AA55FF), Lasting Lime (#88FF00), Kermit Green (#5CB200), Pale Lime Green (#B1FF65).
What is the hex code of Violent Violet?
#7F00FF.