Violet Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Violet (#9A0EEA), each snapped to its nearest named color.
#9A0EEA
#CAE80A
#16F12D
#6611AA
#DFFF4F
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Violet | #9A0EEA | 154, 14, 234 | 278°, 89%, 49% | 34, 94, 0, 8 | |
| Poisonous Pesto | #CAE80A | 202, 232, 10 | 68°, 92%, 47% | 13, 0, 96, 9 | |
| Dangerously Green | #16F12D | 22, 241, 45 | 126°, 89%, 52% | 91, 0, 81, 5 | |
| Indiviolet Sunset | #6611AA | 102, 17, 170 | 273°, 82%, 37% | 40, 90, 0, 33 | |
| Tennis Ball | #DFFF4F | 223, 255, 79 | 71°, 100%, 65% | 13, 0, 69, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #6611AA on #DFFF4F | 8.34:1 | AAA |
| Aa #CAE80A on #6611AA | 6.77:1 | AA |
| Aa #16F12D on #6611AA | 6.14:1 | AA |
| Aa #9A0EEA on #DFFF4F | 5.12:1 | AA |
| Aa #9A0EEA on #CAE80A | 4.15:1 | AA large |
| Aa #9A0EEA on #16F12D | 3.77:1 | AA large |
CSS variables
:root {
--color-1: #9a0eea; /* Violet */
--color-2: #cae80a; /* Poisonous Pesto */
--color-3: #16f12d; /* Dangerously Green */
--color-4: #6611aa; /* Indiviolet Sunset */
--color-5: #dfff4f; /* Tennis Ball */
}Other schemes from Violet
- Violet Complementary Color Scheme#9A0EEA#AA55EE#4BEC13#4DA409#9AF764
- Violet Analogous Color Scheme#1D5DEC#3311EE#9A0EEA#ED0DD9#E30B5D
- Violet Triadic Color Scheme#9A0EEA#E99A10#12E193#C071FE#A06814
- Violet Tetradic Color Scheme#9A0EEA#EE3311#4BEC13#00CCEE#C071FE
- Violet Monochromatic Color Scheme#340059#6611AA#9A0EEA#AA55EE#D59CFC
More Medium Purple split-complementary palettes
- Berry Jam Split-complementary Color Scheme#655883#847E54#598556#473854#B1A57B
- Busty Blue Split-complementary Color Scheme#3300CC#CC9900#33CC00#220088#FEC615
- Cosmic Heart Split-complementary Color Scheme#9601F4#CCEE00#0AFA1E#6611AA#FAFE4B
- Crown Jewels Split-complementary Color Scheme#946DAD#A2AF70#69B076#704783#C5CC9F
- Dreamscape Purple Split-complementary Color Scheme#9632CE#ACCB35#31D652#652793#C7DC68
- Electric Indigo Split-complementary Color Scheme#6600FF#FFE500#1BFC06#5500BB#FBEB50
- Flirtatious Flamingo Split-complementary Color Scheme#CC22FF#C9FF27#2DFE54#AA00CC#D4FB79
- Fuchsia Pheromone Split-complementary Color Scheme#9F4CB7#94B44C#52B963#733380#B8CC82
- Grapes of Italy Split-complementary Color Scheme#714A8B#898C4A#4D8C57#4A2D57#ADB274
- Hokkaido Lavender Split-complementary Color Scheme#7736D9#D9C737#58D332#5500AA#E6DA78
- Lavish Spending Split-complementary Color Scheme#8469BC#BBAB6D#7CBC6C#514B98#D9CA9F
- Lilac Spring Split-complementary Color Scheme#8822CC#BBCC22#31CD31#5A1991#D9E650
Questions
What colors go with Violet?
In a split-complementary scheme: Poisonous Pesto (#CAE80A), Dangerously Green (#16F12D), Indiviolet Sunset (#6611AA), Tennis Ball (#DFFF4F).
What is the hex code of Violet?
#9A0EEA.