Lavender Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Lavender (#B56EDC), each snapped to its nearest named color.
#B56EDC
#C7DC68
#77DD77
#9632CE
#E3EBAE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lavender | #B56EDC | 181, 110, 220 | 279°, 61%, 65% | 18, 50, 0, 14 | |
| Dry Seedlings | #C7DC68 | 199, 220, 104 | 71°, 62%, 64% | 10, 0, 53, 14 | |
| Pastel Green | #77DD77 | 119, 221, 119 | 120°, 60%, 67% | 46, 0, 46, 13 | |
| Dreamscape Purple | #9632CE | 150, 50, 206 | 278°, 61%, 50% | 27, 76, 0, 19 | |
| Daydream | #E3EBAE | 227, 235, 174 | 68°, 60%, 80% | 3, 0, 26, 8 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #9632CE on #E3EBAE | 4.60:1 | AA |
| Aa #C7DC68 on #9632CE | 3.80:1 | AA large |
| Aa #77DD77 on #9632CE | 3.40:1 | AA large |
| Aa #B56EDC on #E3EBAE | 2.69:1 | — |
| Aa #B56EDC on #C7DC68 | 2.23:1 | — |
| Aa #B56EDC on #77DD77 | 1.99:1 | — |
CSS variables
:root {
--color-1: #b56edc; /* Lavender */
--color-2: #c7dc68; /* Dry Seedlings */
--color-3: #77dd77; /* Pastel Green */
--color-4: #9632ce; /* Dreamscape Purple */
--color-5: #e3ebae; /* Daydream */
}Other schemes from Lavender
- Lavender Complementary Color Scheme#B56EDC#DEBEEF#9CD572#6ECB3C#D0F0C0
- Lavender Analogous Color Scheme#6495DA#6F6ED1#B56EDC#DA70D6#DB7093
- Lavender Triadic Color Scheme#B56EDC#DAB46F#71DCB8#D5C7E8#CF9632
- Lavender Tetradic Color Scheme#B56EDC#D77E70#9CD572#73CCD8#D5C7E8
- Lavender Monochromatic Color Scheme#662288#9632CE#B56EDC#DDAAEE#F3E9F7
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
- Illicit Purple Split-complementary Color Scheme#BF77F6#ECF474#64E986#9437FF#FDFCBF
Questions
What colors go with Lavender?
In a split-complementary scheme: Dry Seedlings (#C7DC68), Pastel Green (#77DD77), Dreamscape Purple (#9632CE), Daydream (#E3EBAE).
What is the hex code of Lavender?
#B56EDC.