Vivid Violet Complementary Color Scheme
Five colors arranged by the complementary rule around Vivid Violet (#9F00FF), each snapped to its nearest named color.
#9F00FF
#C95EFB
#66FF00
#44AA00
#AEFD6C
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Vivid Violet | #9F00FF | 159, 0, 255 | 277°, 100%, 50% | 38, 100, 0, 0 | |
| After-Party Pink | #C95EFB | 201, 94, 251 | 281°, 95%, 68% | 20, 63, 0, 2 | |
| Bright Green | #66FF00 | 102, 255, 0 | 96°, 100%, 50% | 60, 0, 100, 0 | |
| Early Dew | #44AA00 | 68, 170, 0 | 96°, 100%, 33% | 60, 0, 100, 33 | |
| Stinging Wasabi | #AEFD6C | 174, 253, 108 | 93°, 97%, 71% | 31, 0, 57, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9F00FF on #AEFD6C | 4.36:1 | AA large |
| Aa #9F00FF on #66FF00 | 4.05:1 | AA large |
| Aa #C95EFB on #AEFD6C | 2.63:1 | — |
| Aa #C95EFB on #66FF00 | 2.45:1 | — |
| Aa #44AA00 on #AEFD6C | 2.44:1 | — |
| Aa #66FF00 on #44AA00 | 2.27:1 | — |
CSS variables
:root {
--color-1: #9f00ff; /* Vivid Violet */
--color-2: #c95efb; /* After-Party Pink */
--color-3: #66ff00; /* Bright Green */
--color-4: #44aa00; /* Early Dew */
--color-5: #aefd6c; /* Stinging Wasabi */
}Other schemes from Vivid Violet
- 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
- Vivid Violet Monochromatic Color Scheme#4B006E#6611AA#9F00FF#AA55FF#D59CFC
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 Vivid Violet?
In a complementary scheme: After-Party Pink (#C95EFB), Bright Green (#66FF00), Early Dew (#44AA00), Stinging Wasabi (#AEFD6C).
What is the hex code of Vivid Violet?
#9F00FF.