Vivid Violet Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Vivid Violet (#9F00FF), each snapped to its nearest named color.
#4B006E
#6611AA
#9F00FF
#AA55FF
#D59CFC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Royal Purple | #4B006E | 75, 0, 110 | 281°, 100%, 22% | 32, 100, 0, 57 | |
| Indiviolet Sunset | #6611AA | 102, 17, 170 | 273°, 82%, 37% | 40, 90, 0, 33 | |
| Vivid Violet | #9F00FF | 159, 0, 255 | 277°, 100%, 50% | 38, 100, 0, 0 | |
| Vega Violet | #AA55FF | 170, 85, 255 | 270°, 100%, 67% | 33, 67, 0, 0 | |
| Plasma Trail | #D59CFC | 213, 156, 252 | 276°, 94%, 80% | 15, 38, 0, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #4B006E on #D59CFC | 6.55:1 | AA |
| Aa #6611AA on #D59CFC | 4.49:1 | AA large |
| Aa #4B006E on #AA55FF | 3.58:1 | AA large |
| Aa #4B006E on #9F00FF | 2.57:1 | — |
| Aa #9F00FF on #D59CFC | 2.55:1 | — |
| Aa #6611AA on #AA55FF | 2.45:1 | — |
CSS variables
:root {
--color-1: #4b006e; /* Royal Purple */
--color-2: #6611aa; /* Indiviolet Sunset */
--color-3: #9f00ff; /* Vivid Violet */
--color-4: #aa55ff; /* Vega Violet */
--color-5: #d59cfc; /* Plasma Trail */
}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 Split-complementary Color Scheme#9F00FF#E3FF00#0AFA1E#6611AA#E1FE52
- Vivid Violet Tetradic Color Scheme#9F00FF#FE1C06#66FF00#00EBFF#C760FF
More Medium Purple monochromatic palettes
- Berry Jam Monochromatic Color Scheme#181B26#473854#655883#887CAB#B4AECC
- Busty Blue Monochromatic Color Scheme#110033#220088#3300CC#5218FA#8866FF
- Cosmic Heart Monochromatic Color Scheme#340059#6611AA#9601F4#AB46EC#CC88FF
- Crown Jewels Monochromatic Color Scheme#4A2D57#704783#946DAD#BB9ECA#DBD1E2
- Dreamscape Purple Monochromatic Color Scheme#331155#652793#9632CE#B56EDC#DDAAEE
- Electric Indigo Monochromatic Color Scheme#220066#5500BB#6600FF#9955FF#CC99FF
- Flirtatious Flamingo Monochromatic Color Scheme#660088#AA00CC#CC22FF#DF73FF#EEBBFF
- Fuchsia Pheromone Monochromatic Color Scheme#431C53#733380#9F4CB7#B48AC2#D6B7E2
- Grapes of Italy Monochromatic Color Scheme#221122#4A2D57#714A8B#926EAE#BAA2CE
- Hokkaido Lavender Monochromatic Color Scheme#331166#5500AA#7736D9#B36FF6#CCBBEE
- Lavish Spending Monochromatic Color Scheme#3E3267#514B98#8469BC#B19CD9#DBD1E8
- Lilac Spring Monochromatic Color Scheme#2D0F47#5A1991#8822CC#A552E6#CC99EE
Questions
What colors go with Vivid Violet?
In a monochromatic scheme: Royal Purple (#4B006E), Indiviolet Sunset (#6611AA), Vega Violet (#AA55FF), Plasma Trail (#D59CFC).
What is the hex code of Vivid Violet?
#9F00FF.