Vivid Violet Tetradic Color Scheme
Five colors arranged by the tetradic rule around Vivid Violet (#9F00FF), each snapped to its nearest named color.
#9F00FF
#FE1C06
#66FF00
#00EBFF
#C760FF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Vivid Violet | #9F00FF | 159, 0, 255 | 277°, 100%, 50% | 38, 100, 0, 0 | |
| Thai Hot | #FE1C06 | 254, 28, 6 | 5°, 99%, 51% | 0, 89, 98, 0 | |
| Bright Green | #66FF00 | 102, 255, 0 | 96°, 100%, 50% | 60, 0, 100, 0 | |
| Whimsical Blue | #00EBFF | 0, 235, 255 | 185°, 100%, 50% | 100, 8, 0, 0 | |
| Jacaranda Pink | #C760FF | 199, 96, 255 | 279°, 100%, 69% | 22, 62, 0, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9F00FF on #66FF00 | 4.05:1 | AA large |
| Aa #9F00FF on #00EBFF | 3.66:1 | AA large |
| Aa #FE1C06 on #66FF00 | 2.95:1 | — |
| Aa #FE1C06 on #00EBFF | 2.66:1 | — |
| Aa #66FF00 on #C760FF | 2.42:1 | — |
| Aa #00EBFF on #C760FF | 2.19:1 | — |
CSS variables
:root {
--color-1: #9f00ff; /* Vivid Violet */
--color-2: #fe1c06; /* Thai Hot */
--color-3: #66ff00; /* Bright Green */
--color-4: #00ebff; /* Whimsical Blue */
--color-5: #c760ff; /* Jacaranda Pink */
}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 Monochromatic Color Scheme#4B006E#6611AA#9F00FF#AA55FF#D59CFC
More Medium Purple tetradic palettes
- Berry Jam Tetradic Color Scheme#655883#8E545C#728A51#56887D#9787BB
- Busty Blue Tetradic Color Scheme#3300CC#CC0033#99CC00#00CC99#6A2DED
- Cosmic Heart Tetradic Color Scheme#9601F4#FE1C06#55EE00#02D8E9#C95EFB
- Crown Jewels Tetradic Color Scheme#946DAD#AD7171#86A96F#6BA5A9#C5AECF
- Dreamscape Purple Tetradic Color Scheme#9632CE#D24833#6ECB3C#32BCD1#CB82E3
- Electric Indigo Tetradic Color Scheme#6600FF#FF0015#96FF00#00FFE5#AA66FF
- Flirtatious Flamingo Tetradic Color Scheme#CC22FF#F65D20#55FF22#37C4FA#EE88FF
- Fuchsia Pheromone Tetradic Color Scheme#9F4CB7#B56A4C#6AB54B#5296B7#C49BD4
- Grapes of Italy Tetradic Color Scheme#714A8B#8B504B#63884A#45868B#A885B5
- Hokkaido Lavender Tetradic Color Scheme#7736D9#DD3845#99DD33#30D5C8#B195E4
- Lavish Spending Tetradic Color Scheme#8469BC#BD6973#ACBF69#67BCB3#B6ADD8
- Lilac Spring Tetradic Color Scheme#8822CC#CC3322#66CC22#32BCD1#B36FF6
Questions
What colors go with Vivid Violet?
In a tetradic scheme: Thai Hot (#FE1C06), Bright Green (#66FF00), Whimsical Blue (#00EBFF), Jacaranda Pink (#C760FF).
What is the hex code of Vivid Violet?
#9F00FF.