Lavender Complementary Color Scheme
Five colors arranged by the complementary rule around Lavender (#B56EDC), each snapped to its nearest named color.
#B56EDC
#DEBEEF
#9CD572
#6ECB3C
#D0F0C0
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Lavender | #B56EDC | 181, 110, 220 | 279°, 61%, 65% | 18, 50, 0, 14 | |
| Beefy Pink | #DEBEEF | 222, 190, 239 | 279°, 60%, 84% | 7, 21, 0, 6 | |
| Tropical Light | #9CD572 | 156, 213, 114 | 95°, 54%, 64% | 27, 0, 46, 16 | |
| Bitter Dandelion | #6ECB3C | 110, 203, 60 | 99°, 58%, 52% | 46, 0, 70, 20 | |
| Maroccan Tea | #D0F0C0 | 208, 240, 192 | 100°, 62%, 85% | 13, 0, 20, 6 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B56EDC on #D0F0C0 | 2.71:1 | — |
| Aa #B56EDC on #DEBEEF | 2.04:1 | — |
| Aa #B56EDC on #9CD572 | 1.95:1 | — |
| Aa #B56EDC on #6ECB3C | 1.65:1 | — |
| Aa #6ECB3C on #D0F0C0 | 1.65:1 | — |
| Aa #9CD572 on #D0F0C0 | 1.39:1 | — |
CSS variables
:root {
--color-1: #b56edc; /* Lavender */
--color-2: #debeef; /* Beefy Pink */
--color-3: #9cd572; /* Tropical Light */
--color-4: #6ecb3c; /* Bitter Dandelion */
--color-5: #d0f0c0; /* Maroccan Tea */
}Other schemes from Lavender
- Lavender Analogous Color Scheme#6495DA#6F6ED1#B56EDC#DA70D6#DB7093
- Lavender Triadic Color Scheme#B56EDC#DAB46F#71DCB8#D5C7E8#CF9632
- Lavender Split-complementary Color Scheme#B56EDC#C7DC68#77DD77#9632CE#E3EBAE
- Lavender Tetradic Color Scheme#B56EDC#D77E70#9CD572#73CCD8#D5C7E8
- Lavender Monochromatic Color Scheme#662288#9632CE#B56EDC#DDAAEE#F3E9F7
More Light Purple complementary palettes
- Amethyst Complementary Color Scheme#9966CC#C2B2F0#93C96A#77AD3B#CAE4B2
- Bubblegum Baby Girl Complementary Color Scheme#CC55EE#E9AEF2#70F15E#4BEC13#C7FDB5
- Dream Vapour Complementary Color Scheme#CC99EE#F3E9F7#BBEE99#80E45F#F1FAEA
- Dreamy Candy Forest Complementary Color Scheme#B195E4#E6DEF0#D4E092#ABD35D#F3F9E9
- Enchanted Lavender Complementary Color Scheme#BFA3D9#F0E5F5#B8D7A6#93C572#F1F8EC
- Enchanted Lilac Complementary Color Scheme#A893C1#D5CDE3#AFC195#8CA468#DEE7D4
- Fake Love Complementary Color Scheme#CC77EE#E8CEF6#96F97B#68E52F#DBF4D8
- Flaming Flamingo Complementary Color Scheme#DD55FF#F8B3FF#66FF55#3FFF00#CFFDBC
- Flamingo Queen Complementary Color Scheme#CC33FF#EE88FF#66FF22#33EE00#B1FC99
- Fleur-De-Lis Complementary Color Scheme#B090C7#D9CDE5#A3C893#75AD5B#DBE9D5
- Fog Syringa Complementary Color Scheme#C4BAD2#F3F1F3#C8D5BB#A4BA8A#F4F4F0
- Illicit Purple Complementary Color Scheme#BF77F6#E4CBFF#A9F971#88EE22#E9FFDB
Questions
What colors go with Lavender?
In a complementary scheme: Beefy Pink (#DEBEEF), Tropical Light (#9CD572), Bitter Dandelion (#6ECB3C), Maroccan Tea (#D0F0C0).
What is the hex code of Lavender?
#B56EDC.