Lavendless Complementary Color Scheme
Five colors arranged by the complementary rule around Lavendless (#B86FC2), each snapped to its nearest named color.
#B86FC2
#D4AFDA
#7CCA6B
#53A144
#B7E0B9
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lavendless | #B86FC2 | 184, 111, 194 | 293°, 40%, 60% | 5, 43, 0, 24 | |
| Whisper of Plum | #D4AFDA | 212, 175, 218 | 292°, 37%, 77% | 3, 20, 0, 15 | |
| Energise | #7CCA6B | 124, 202, 107 | 109°, 47%, 61% | 39, 0, 47, 21 | |
| Green Acres | #53A144 | 83, 161, 68 | 110°, 41%, 45% | 48, 0, 58, 37 | |
| Summer Sigh | #B7E0B9 | 183, 224, 185 | 123°, 40%, 80% | 18, 0, 17, 12 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B86FC2 on #B7E0B9 | 2.36:1 | — |
| Aa #53A144 on #B7E0B9 | 2.20:1 | — |
| Aa #B86FC2 on #D4AFDA | 1.80:1 | — |
| Aa #B86FC2 on #7CCA6B | 1.73:1 | — |
| Aa #D4AFDA on #53A144 | 1.67:1 | — |
| Aa #7CCA6B on #53A144 | 1.61:1 | — |
CSS variables
:root {
--color-1: #b86fc2; /* Lavendless */
--color-2: #d4afda; /* Whisper of Plum */
--color-3: #7cca6b; /* Energise */
--color-4: #53a144; /* Green Acres */
--color-5: #b7e0b9; /* Summer Sigh */
}Other schemes from Lavendless
- Lavendless Analogous Color Scheme#7777CC#9470C4#B86FC2#C071A8#C27277
- Lavendless Triadic Color Scheme#B86FC2#C0B76C#6CC1BB#D6B7E2#A59344
- Lavendless Split-complementary Color Scheme#B86FC2#A5C970#6FC391#9E43A2#CADEA5
- Lavendless Tetradic Color Scheme#B86FC2#C08B6D#7CCA6B#72A0C1#D6B7E2
- Lavendless Monochromatic Color Scheme#602F6B#9E43A2#B86FC2#D3A5D6#EEDDEE
More Medium Pink complementary palettes
- Akari Red Complementary Color Scheme#C90B42#E83A72#00CC99#11875D#45E9C1
- Amor Complementary Color Scheme#EE3377#F485AC#2EE8BB#19CC89#84FBCE
- Amora Purple Complementary Color Scheme#BB22AA#E15ACB#22BB33#12732B#64EB65
- Anger Complementary Color Scheme#DD0055#FF3888#00CC99#019157#55FFAA
- Aphroditean Fuchsia Complementary Color Scheme#DD14AB#EE55CC#0BDB43#059033#64E986
- Awkward Purple Complementary Color Scheme#D208CC#FF33EE#00CC11#008811#4EFD54
- Barbara Complementary Color Scheme#FF0FF3#FF6FFC#0AFA1E#00C000#76FF7B
- Bat’s Blood Soup Complementary Color Scheme#EE3366#F485AC#2EE8BB#01C08D#8CFFDB
- Beet Wave Complementary Color Scheme#D4265D#E96A97#24DA91#1E9167#7EF4CC
- Beetroot Purple Complementary Color Scheme#D33376#E47CB8#2DD78D#229966#8BE0BA
- Benevolent Pink Complementary Color Scheme#DD1188#FF55AA#11DD66#119944#64E986
- Bermuda Onion Complementary Color Scheme#9D5A8F#C58BBA#599F68#3D7049#9FC5AA
Questions
What colors go with Lavendless?
In a complementary scheme: Whisper of Plum (#D4AFDA), Energise (#7CCA6B), Green Acres (#53A144), Summer Sigh (#B7E0B9).
What is the hex code of Lavendless?
#B86FC2.