Lilac Spring Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Lilac Spring (#8822CC), each snapped to its nearest named color.
#8822CC
#BBCC22
#31CD31
#5A1991
#D9E650
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lilac Spring | #8822CC | 136, 34, 204 | 276°, 71%, 47% | 33, 83, 0, 20 | |
| Luscious Leek | #BBCC22 | 187, 204, 34 | 66°, 71%, 47% | 8, 0, 83, 20 | |
| Bitter Lime and Defeat | #31CD31 | 49, 205, 49 | 120°, 61%, 50% | 76, 0, 76, 20 | |
| Banafš Violet | #5A1991 | 90, 25, 145 | 273°, 71%, 33% | 38, 83, 0, 43 | |
| Maximum Green Yellow | #D9E650 | 217, 230, 80 | 65°, 75%, 61% | 6, 0, 65, 10 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #5A1991 on #D9E650 | 7.76:1 | AAA |
| Aa #BBCC22 on #5A1991 | 5.94:1 | AA |
| Aa #31CD31 on #5A1991 | 5.00:1 | AA |
| Aa #8822CC on #D9E650 | 4.89:1 | AA |
| Aa #8822CC on #BBCC22 | 3.74:1 | AA large |
| Aa #8822CC on #31CD31 | 3.15:1 | AA large |
CSS variables
:root {
--color-1: #8822cc; /* Lilac Spring */
--color-2: #bbcc22; /* Luscious Leek */
--color-3: #31cd31; /* Bitter Lime and Defeat */
--color-4: #5a1991; /* Banafš Violet */
--color-5: #d9e650; /* Maximum Green Yellow */
}Other schemes from Lilac Spring
- Lilac Spring Complementary Color Scheme#8822CC#B36FF6#66CC22#44891A#9AE37D
- Lilac Spring Analogous Color Scheme#2266CC#243BCD#8822CC#D521B8#CC2266
- Lilac Spring Triadic Color Scheme#8822CC#CC8822#22CC88#B36FF6#885818
- Lilac Spring Tetradic Color Scheme#8822CC#CC3322#66CC22#32BCD1#B36FF6
- Lilac Spring Monochromatic Color Scheme#2D0F47#5A1991#8822CC#A552E6#CC99EE
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
- Lords of the Night Split-complementary Color Scheme#664488#888844#448844#4A2D57#B2B26C
Questions
What colors go with Lilac Spring?
In a split-complementary scheme: Luscious Leek (#BBCC22), Bitter Lime and Defeat (#31CD31), Banafš Violet (#5A1991), Maximum Green Yellow (#D9E650).
What is the hex code of Lilac Spring?
#8822CC.