Lilac Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Lilac (#CEA2FD), each snapped to its nearest named color.
#CEA2FD
#FCFFA4
#AAFFAA
#AA55FF
#FEFEE7
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lilac | #CEA2FD | 206, 162, 253 | 269°, 96%, 81% | 19, 36, 0, 1 | |
| Calamansi | #FCFFA4 | 252, 255, 164 | 62°, 100%, 82% | 1, 0, 36, 0 | |
| Creamy Mint | #AAFFAA | 170, 255, 170 | 120°, 100%, 83% | 33, 0, 33, 0 | |
| Vega Violet | #AA55FF | 170, 85, 255 | 270°, 100%, 67% | 33, 67, 0, 0 | |
| Wedding Dress | #FEFEE7 | 254, 254, 231 | 60°, 92%, 95% | 0, 0, 9, 0 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AA55FF on #FEFEE7 | 3.77:1 | AA large |
| Aa #FCFFA4 on #AA55FF | 3.66:1 | AA large |
| Aa #AAFFAA on #AA55FF | 3.23:1 | AA large |
| Aa #CEA2FD on #FEFEE7 | 2.01:1 | — |
| Aa #CEA2FD on #FCFFA4 | 1.96:1 | — |
| Aa #CEA2FD on #AA55FF | 1.87:1 | — |
CSS variables
:root {
--color-1: #cea2fd; /* Lilac */
--color-2: #fcffa4; /* Calamansi */
--color-3: #aaffaa; /* Creamy Mint */
--color-4: #aa55ff; /* Vega Violet */
--color-5: #fefee7; /* Wedding Dress */
}Other schemes from Lilac
- Lilac Complementary Color Scheme#CEA2FD#F0EBFC#DDFFAA#AAFF55#F6FFE8
- Lilac Analogous Color Scheme#A2CFFE#A0A0FF#CEA2FD#FFAAFF#FFA6C9
- Lilac Triadic Color Scheme#CEA2FD#FDCFA1#AAFFCC#F0EBFC#FFA756
- Lilac Tetradic Color Scheme#CEA2FD#FEA5A2#DDFFAA#AAFFFF#F0EBFC
- Lilac Monochromatic Color Scheme#7F01FE#AA55FF#CEA2FD#F0EBFC#F0EBFC
More Very Light Purple split-complementary palettes
- Beefy Pink Split-complementary Color Scheme#DEBEEF#E9EDBD#B8EBC5#BF8FE5#F8FBEB
- Digital Lavender Split-complementary Color Scheme#CAC0E1#E2DAC2#C5E1C3#9E91C3#F7F5ED
- Diva Split-complementary Color Scheme#C9A0FF#FFF4A1#AAFFAA#9955FF#FFFEE5
- Dust of the Moon Split-complementary Color Scheme#CFC9DF#DFD8C8#CFDDC7#A598C4#F6F4EF
- Foggy Love Split-complementary Color Scheme#D5C7E8#EBE6C7#CBE9C9#AA8ED6#F9F7EC
- Girl Crush Split-complementary Color Scheme#D1C0DC#DADCC1#C0DBC6#A893C1#F6F6F0
- Greek Goddess Split-complementary Color Scheme#EDE9EF#F0F1E7#E7F2E9#CCB8D2#F4F4F0
- Holographic Lavender Split-complementary Color Scheme#F0E5F5#F0F4E5#E6F3E7#D6B7E2#F6F7ED
- Homoeopathic Lavender Split-complementary Color Scheme#E5E0EC#EDEBE1#E3EDE0#BDB0D0#F6F4EF
- Iron Maiden Split-complementary Color Scheme#D6D1DC#E3E1CC#CCE2CA#A99EC1#F6F4EF
- Lavender Bliss Split-complementary Color Scheme#CEC3DD#DEDBC4#C5DCC6#A893C1#F6F4EF
- Mauve Split-complementary Color Scheme#E0B0FF#FEFCAF#B6FFBB#C760FF#FFFFE5
Questions
What colors go with Lilac?
In a split-complementary scheme: Calamansi (#FCFFA4), Creamy Mint (#AAFFAA), Vega Violet (#AA55FF), Wedding Dress (#FEFEE7).
What is the hex code of Lilac?
#CEA2FD.