Neon Purple Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Neon Purple (#BC13FE), each snapped to its nearest named color.
#BC13FE
#CCFF11
#10F144
#8806CE
#DDFF55
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Neon Purple | #BC13FE | 188, 19, 254 | 283°, 99%, 54% | 26, 93, 0, 0 | |
| Toxic Boyfriend | #CCFF11 | 204, 255, 17 | 73°, 100%, 53% | 20, 0, 93, 0 | |
| Radiant Hulk | #10F144 | 16, 241, 68 | 134°, 89%, 50% | 93, 0, 72, 5 | |
| French Violet | #8806CE | 136, 6, 206 | 279°, 94%, 42% | 34, 97, 0, 19 | |
| Isotonic Water | #DDFF55 | 221, 255, 85 | 72°, 100%, 67% | 13, 0, 67, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8806CE on #DDFF55 | 6.24:1 | AA |
| Aa #CCFF11 on #8806CE | 6.03:1 | AA |
| Aa #10F144 on #8806CE | 4.62:1 | AA |
| Aa #BC13FE on #DDFF55 | 3.97:1 | AA large |
| Aa #BC13FE on #CCFF11 | 3.83:1 | AA large |
| Aa #BC13FE on #10F144 | 2.94:1 | — |
CSS variables
:root {
--color-1: #bc13fe; /* Neon Purple */
--color-2: #ccff11; /* Toxic Boyfriend */
--color-3: #10f144; /* Radiant Hulk */
--color-4: #8806ce; /* French Violet */
--color-5: #ddff55; /* Isotonic Water */
}Other schemes from Neon Purple
- Neon Purple Complementary Color Scheme#BC13FE#DF73FF#55FF11#33CC00#96F97B
- Neon Purple Analogous Color Scheme#1155FF#4411FF#BC13FE#FF1DCD#FF1155
- Neon Purple Triadic Color Scheme#BC13FE#FFBB11#11FFBB#DD77FF#CB8E00
- Neon Purple Tetradic Color Scheme#BC13FE#FF4411#55FF11#0FC0FC#DD77FF
- Neon Purple Monochromatic Color Scheme#49017E#8806CE#BC13FE#C95EFB#EEAAFF
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 Neon Purple?
In a split-complementary scheme: Toxic Boyfriend (#CCFF11), Radiant Hulk (#10F144), French Violet (#8806CE), Isotonic Water (#DDFF55).
What is the hex code of Neon Purple?
#BC13FE.