Vivid Violet Triadic Color Scheme
Five colors arranged by the triadic rule around Vivid Violet (#9F00FF), each snapped to its nearest named color.
#9F00FF
#FF9F00
#00FF99
#C760FF
#B17304
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Vivid Violet | #9F00FF | 159, 0, 255 | 277°, 100%, 50% | 38, 100, 0, 0 | |
| Mandarin Peel | #FF9F00 | 255, 159, 0 | 37°, 100%, 50% | 0, 38, 100, 0 | |
| Green Gas | #00FF99 | 0, 255, 153 | 156°, 100%, 50% | 100, 0, 40, 0 | |
| Jacaranda Pink | #C760FF | 199, 96, 255 | 279°, 100%, 69% | 22, 62, 0, 0 | |
| Philippine Gold | #B17304 | 177, 115, 4 | 38°, 96%, 35% | 0, 35, 98, 31 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9F00FF on #00FF99 | 4.02:1 | AA large |
| Aa #00FF99 on #B17304 | 2.96:1 | — |
| Aa #9F00FF on #FF9F00 | 2.61:1 | — |
| Aa #00FF99 on #C760FF | 2.41:1 | — |
| Aa #FF9F00 on #B17304 | 1.92:1 | — |
| Aa #9F00FF on #C760FF | 1.67:1 | — |
CSS variables
:root {
--color-1: #9f00ff; /* Vivid Violet */
--color-2: #ff9f00; /* Mandarin Peel */
--color-3: #00ff99; /* Green Gas */
--color-4: #c760ff; /* Jacaranda Pink */
--color-5: #b17304; /* Philippine Gold */
}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 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 triadic palettes
- Berry Jam Triadic Color Scheme#655883#886150#558961#9787BB#594035
- Busty Blue Triadic Color Scheme#3300CC#CC3300#00CC33#6A2DED#882200
- Cosmic Heart Triadic Color Scheme#9601F4#F39800#00FA92#C95EFB#AA6600
- Crown Jewels Triadic Color Scheme#946DAD#B1936D#6FAB92#C5AECF#866D4C
- Dreamscape Purple Triadic Color Scheme#9632CE#CF9632#33CC99#CB82E3#926A25
- Electric Indigo Triadic Color Scheme#6600FF#FF6600#00FF77#AA66FF#B64701
- Flirtatious Flamingo Triadic Color Scheme#CC22FF#FFCC22#32FFDC#EE88FF#D5A300
- Fuchsia Pheromone Triadic Color Scheme#9F4CB7#BC9B4E#52BC9A#C49BD4#807532
- Grapes of Italy Triadic Color Scheme#714A8B#8B714B#4C8C72#A885B5#564A33
- Hokkaido Lavender Triadic Color Scheme#7736D9#D87839#3CD070#B195E4#A9561E
- Lavish Spending Triadic Color Scheme#8469BC#BD856C#61BA85#B6ADD8#935F43
- Lilac Spring Triadic Color Scheme#8822CC#CC8822#22CC88#B36FF6#885818
Questions
What colors go with Vivid Violet?
In a triadic scheme: Mandarin Peel (#FF9F00), Green Gas (#00FF99), Jacaranda Pink (#C760FF), Philippine Gold (#B17304).
What is the hex code of Vivid Violet?
#9F00FF.