Light Lilac Complementary Color Scheme
Five colors arranged by the complementary rule around Light Lilac (#DCC6D2), each snapped to its nearest named color.
#DCC6D2
#F5F0F1
#C5DDD0
#8DC2A8
#EFF5F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Light Lilac | #DCC6D2 | 220, 198, 210 | 327°, 24%, 82% | 0, 10, 5, 14 | |
| Plastic Clouds | #F5F0F1 | 245, 240, 241 | 348°, 20%, 95% | 0, 2, 2, 4 | |
| Topaz Green | #C5DDD0 | 197, 221, 208 | 147°, 26%, 82% | 11, 0, 6, 13 | |
| Spearmint Frosting | #8DC2A8 | 141, 194, 168 | 151°, 30%, 66% | 27, 0, 13, 24 | |
| Heavy Sugar | #EFF5F1 | 239, 245, 241 | 140°, 23%, 95% | 2, 0, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8DC2A8 on #EFF5F1 | 1.82:1 | — |
| Aa #F5F0F1 on #8DC2A8 | 1.79:1 | — |
| Aa #DCC6D2 on #EFF5F1 | 1.46:1 | — |
| Aa #DCC6D2 on #F5F0F1 | 1.43:1 | — |
| Aa #C5DDD0 on #8DC2A8 | 1.40:1 | — |
| Aa #C5DDD0 on #EFF5F1 | 1.30:1 | — |
CSS variables
:root {
--color-1: #dcc6d2; /* Light Lilac */
--color-2: #f5f0f1; /* Plastic Clouds */
--color-3: #c5ddd0; /* Topaz Green */
--color-4: #8dc2a8; /* Spearmint Frosting */
--color-5: #eff5f1; /* Heavy Sugar */
}Other schemes from Light Lilac
- Light Lilac Analogous Color Scheme#CEC3DD#DAC4DC#DCC6D2#DEC3C9#DED1C6
- Light Lilac Triadic Color Scheme#DCC6D2#D0DBC4#C5D3DD#F5F0F1#AFC195
- Light Lilac Split-complementary Color Scheme#DCC6D2#C5DCC6#C8DDDA#C19AA5#EFF5F1
- Light Lilac Tetradic Color Scheme#DCC6D2#DDDBC5#C5DDD0#C7C5DC#F5F0F1
- Light Lilac Monochromatic Color Scheme#A06582#BB99AA#DCC6D2#F5F0F1#F5F0F1
More Very Light Pink complementary palettes
- Antarctic Love Complementary Color Scheme#EDDEE6#F8EEF4#DEEDE4#ACD0BB#EFF5F1
- Baby Pink Complementary Color Scheme#FFB7CE#FFE5ED#B8FFEB#73FCD6#EBFCF5
- Ballerina Complementary Color Scheme#F2CFDC#F8EAED#CEF2E4#8FE0C6#E9F9F5
- Berries N’ Cream Complementary Color Scheme#F2B8CA#F8EAED#B0EEE2#7EF4CC#EBFCF5
- Berry Butter Complementary Color Scheme#EFCEDC#F8EEF4#CFEEE1#95DABD#E9F9F5
- Blackberry Yoghurt Complementary Color Scheme#E5BDDF#F8EEF4#BDE1C4#86C994#EBF8EF
- Bride Complementary Color Scheme#EFE7EB#F5F0F1#E6F0EA#B6D3C5#EFF5F1
- Bubble Bath Complementary Color Scheme#E8E0E9#F6F1F4#DFEBDD#B1CDAC#EFF5F1
- Bubblegum Crisis Complementary Color Scheme#EECCEE#FCEBFA#CCEECC#98D98E#EBF8EF
- Bubblegum Heart Complementary Color Scheme#FFBADF#FFE6F1#B8F8D8#6BFFB3#E6FDF1
- Bunny Tail Complementary Color Scheme#FFE3F4#FFE3F4#E6FDF1#96FBC4#E6FDF1
- Candy Bar Complementary Color Scheme#FFB7D5#FFE5EF#B8FFEB#7BFDC7#E6FDF1
Questions
What colors go with Light Lilac?
In a complementary scheme: Plastic Clouds (#F5F0F1), Topaz Green (#C5DDD0), Spearmint Frosting (#8DC2A8), Heavy Sugar (#EFF5F1).
What is the hex code of Light Lilac?
#DCC6D2.