Illicit Purple Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Illicit Purple (#BF77F6), each snapped to its nearest named color.
#BF77F6
#ECF474
#64E986
#9437FF
#FDFCBF
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Illicit Purple | #BF77F6 | 191, 119, 246 | 274°, 88%, 72% | 22, 52, 0, 4 | |
| Nuclear Acid | #ECF474 | 236, 244, 116 | 64°, 85%, 71% | 3, 0, 52, 4 | |
| Grotesque Green | #64E986 | 100, 233, 134 | 135°, 75%, 65% | 57, 0, 42, 9 | |
| Sugar Grape | #9437FF | 148, 55, 255 | 268°, 100%, 61% | 42, 78, 0, 0 | |
| Yellow Mana | #FDFCBF | 253, 252, 191 | 59°, 94%, 87% | 0, 0, 25, 1 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9437FF on #FDFCBF | 4.67:1 | AA |
| Aa #ECF474 on #9437FF | 4.18:1 | AA large |
| Aa #64E986 on #9437FF | 3.19:1 | AA large |
| Aa #BF77F6 on #FDFCBF | 2.76:1 | — |
| Aa #BF77F6 on #ECF474 | 2.47:1 | — |
| Aa #BF77F6 on #64E986 | 1.88:1 | — |
CSS variables
:root {
--color-1: #bf77f6; /* Illicit Purple */
--color-2: #ecf474; /* Nuclear Acid */
--color-3: #64e986; /* Grotesque Green */
--color-4: #9437ff; /* Sugar Grape */
--color-5: #fdfcbf; /* Yellow Mana */
}Other schemes from Illicit Purple
- Illicit Purple Complementary Color Scheme#BF77F6#E4CBFF#A9F971#88EE22#E9FFDB
- Illicit Purple Analogous Color Scheme#77AAFF#8273FD#BF77F6#FF77EE#FC7AB0
- Illicit Purple Triadic Color Scheme#BF77F6#F4BF77#77EEBB#EEDDFF#EE9933
- Illicit Purple Tetradic Color Scheme#BF77F6#FF7E79#A9F971#77EEEE#EEDDFF
- Illicit Purple Monochromatic Color Scheme#701DCE#9437FF#BF77F6#EEBBFF#F8EBFC
More Light Purple split-complementary palettes
- Amethyst Split-complementary Color Scheme#9966CC#D5CE69#62C46C#7737AA#DCDF9D
- Bubblegum Baby Girl Split-complementary Color Scheme#CC55EE#D1F358#4CFF7B#B80CE3#D8F19C
- Dream Vapour Split-complementary Color Scheme#CC99EE#E5E999#99EEAA#A552E6#F8F6DA
- Dreamy Candy Forest Split-complementary Color Scheme#B195E4#E1D792#A3E493#8659C2#F4F0D2
- Enchanted Lavender Split-complementary Color Scheme#BFA3D9#D9D7A1#A0D9A3#9470C4#F0F0D9
- Enchanted Lilac Split-complementary Color Scheme#A893C1#C2BC90#96C193#9264A2#DEDBC4
- Fake Love Split-complementary Color Scheme#CC77EE#DAEA6F#7BE892#BF36E0#F0F5BB
- Flaming Flamingo Split-complementary Color Scheme#DD55FF#CDFA56#58F898#CD00FE#EEFFA9
- Flamingo Queen Split-complementary Color Scheme#CC33FF#C8FD3D#33EE66#B80CE3#C4FE82
- Fleur-De-Lis Split-complementary Color Scheme#B090C7#C8C48F#86C994#8D5EB7#DBE0C4
- Fog Syringa Split-complementary Color Scheme#C4BAD2#D3D1B9#BAD2B8#9F86B7#F2F0E8
- Lavender Split-complementary Color Scheme#B56EDC#C7DC68#77DD77#9632CE#E3EBAE
Questions
What colors go with Illicit Purple?
In a split-complementary scheme: Nuclear Acid (#ECF474), Grotesque Green (#64E986), Sugar Grape (#9437FF), Yellow Mana (#FDFCBF).
What is the hex code of Illicit Purple?
#BF77F6.