Lilac Spring Complementary Color Scheme
Five colors arranged by the complementary rule around Lilac Spring (#8822CC), each snapped to its nearest named color.
#8822CC
#B36FF6
#66CC22
#44891A
#9AE37D
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lilac Spring | #8822CC | 136, 34, 204 | 276°, 71%, 47% | 33, 83, 0, 20 | |
| Queer Purple | #B36FF6 | 179, 111, 246 | 270°, 88%, 70% | 27, 55, 0, 4 | |
| Green High | #66CC22 | 102, 204, 34 | 96°, 71%, 47% | 50, 0, 83, 20 | |
| Chlorophyll | #44891A | 68, 137, 26 | 97°, 68%, 32% | 50, 0, 81, 46 | |
| Snarky Mint | #9AE37D | 154, 227, 125 | 103°, 65%, 69% | 32, 0, 45, 11 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8822CC on #9AE37D | 4.34:1 | AA large |
| Aa #8822CC on #66CC22 | 3.25:1 | AA large |
| Aa #44891A on #9AE37D | 2.82:1 | — |
| Aa #66CC22 on #44891A | 2.11:1 | — |
| Aa #B36FF6 on #9AE37D | 2.09:1 | — |
| Aa #8822CC on #B36FF6 | 2.07:1 | — |
CSS variables
:root {
--color-1: #8822cc; /* Lilac Spring */
--color-2: #b36ff6; /* Queer Purple */
--color-3: #66cc22; /* Green High */
--color-4: #44891a; /* Chlorophyll */
--color-5: #9ae37d; /* Snarky Mint */
}Other schemes from Lilac Spring
- Lilac Spring Analogous Color Scheme#2266CC#243BCD#8822CC#D521B8#CC2266
- Lilac Spring Triadic Color Scheme#8822CC#CC8822#22CC88#B36FF6#885818
- Lilac Spring Split-complementary Color Scheme#8822CC#BBCC22#31CD31#5A1991#D9E650
- Lilac Spring Tetradic Color Scheme#8822CC#CC3322#66CC22#32BCD1#B36FF6
- Lilac Spring Monochromatic Color Scheme#2D0F47#5A1991#8822CC#A552E6#CC99EE
More Medium Purple complementary palettes
- Berry Jam Complementary Color Scheme#655883#9188B5#728A51#505838#A8B989
- Busty Blue Complementary Color Scheme#3300CC#5533FF#99CC00#758000#C8FD3D
- Cosmic Heart Complementary Color Scheme#9601F4#AA55FF#55EE00#44AA00#9CEF43
- Crown Jewels Complementary Color Scheme#946DAD#BCACCD#86A96F#648149#BBD3AD
- Dreamscape Purple Complementary Color Scheme#9632CE#BF77F6#6ECB3C#448822#A3E493
- Electric Indigo Complementary Color Scheme#6600FF#9955FF#96FF00#6CB506#C2F177
- Flirtatious Flamingo Complementary Color Scheme#CC22FF#EE77FF#55FF22#33CC00#B1FC99
- Fuchsia Pheromone Complementary Color Scheme#9F4CB7#C687D6#6AB54B#448833#A6D292
- Grapes of Italy Complementary Color Scheme#714A8B#9D7EB7#63884A#47562F#93B881
- Hokkaido Lavender Complementary Color Scheme#7736D9#BF8FE5#99DD33#71A91D#C1E28A
- Lavish Spending Complementary Color Scheme#8469BC#B4A6D5#ACBF69#7E9242#CEDAAC
- Lords of the Night Complementary Color Scheme#664488#966EBD#688C43#47562F#9AB973
Questions
What colors go with Lilac Spring?
In a complementary scheme: Queer Purple (#B36FF6), Green High (#66CC22), Chlorophyll (#44891A), Snarky Mint (#9AE37D).
What is the hex code of Lilac Spring?
#8822CC.