Light Grey Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Light Grey (#D8DCD6), each snapped to its nearest named color.
#D8DCD6
#D0D2E3
#E5CFDE
#AAC2A1
#F3F1F3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Light Grey | #D8DCD6 | 216, 220, 214 | 100°, 8%, 85% | 2, 0, 3, 14 | |
| Bashful Lilac | #D0D2E3 | 208, 210, 227 | 234°, 25%, 85% | 8, 7, 0, 11 | |
| Summer Clover | #E5CFDE | 229, 207, 222 | 319°, 30%, 85% | 0, 10, 3, 10 | |
| Pale Mint | #AAC2A1 | 170, 194, 161 | 104°, 21%, 70% | 12, 0, 17, 24 | |
| Aragonite White | #F3F1F3 | 243, 241, 243 | 300°, 8%, 95% | 0, 1, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #AAC2A1 on #F3F1F3 | 1.71:1 | — |
| Aa #D8DCD6 on #AAC2A1 | 1.38:1 | — |
| Aa #D0D2E3 on #F3F1F3 | 1.33:1 | — |
| Aa #E5CFDE on #AAC2A1 | 1.31:1 | — |
| Aa #E5CFDE on #F3F1F3 | 1.31:1 | — |
| Aa #D0D2E3 on #AAC2A1 | 1.28:1 | — |
CSS variables
:root {
--color-1: #d8dcd6; /* Light Grey */
--color-2: #d0d2e3; /* Bashful Lilac */
--color-3: #e5cfde; /* Summer Clover */
--color-4: #aac2a1; /* Pale Mint */
--color-5: #f3f1f3; /* Aragonite White */
}Other schemes from Light Grey
- Light Grey Complementary Color Scheme#D8DCD6#EFF5F1#DBD1E2#BDA2C4#F3F1F3
- Light Grey Analogous Color Scheme#E3DBD0#DCE3D1#D8DCD6#D2E2D5#CEE3DC
- Light Grey Triadic Color Scheme#D8DCD6#CED5E3#E3D0D5#EFF5F1#A2ACC5
- Light Grey Tetradic Color Scheme#D8DCD6#D1DEE4#DBD1E2#E3D2CF#EFF5F1
- Light Grey Monochromatic Color Scheme#8A9480#B0B9AC#D8DCD6#F3F3F2#F3F3F2
More Very Light Gray split-complementary palettes
- Alaska Split-complementary Color Scheme#DADAD1#C9D4E1#D8CBE0#C8C197#EEF2F3
- Apollo Landing Split-complementary Color Scheme#E5E5E1#DCE4E9#E5DBEB#CECDAD#EEF2F3
- Big Fish to Fry Split-complementary Color Scheme#DADBE1#E6DAD6#E1E5D7#A6A8C5#F5F0F1
- Blowing Smoke Split-complementary Color Scheme#D2D1D0#C6DEDF#C7C5DC#C0AD96#F0F4F2
- Chrome Split-complementary Color Scheme#E1DFE1#E0EAD8#D7E7E0#C9A8CE#F4F4F0
- Closet Skeletons Split-complementary Color Scheme#E1DED9#D6E3E7#D6D4E6#CABCA4#F0F4F2
- Coconut Agony Split-complementary Color Scheme#EBE8E7#E4EEEB#E2E6EF#D2BBB2#F0F4F2
- Columbo’s Coat Split-complementary Color Scheme#D0CBCE#C1D8C5#C1D8D9#BA90AD#EFF5F1
- Concrete Split-complementary Color Scheme#D2D1CD#C4D3DC#CBC5D9#BEB394#F1F3F3
- Day on Mercury Split-complementary Color Scheme#D5D2D1#C8DDDA#CACFDC#C1A097#F0F4F2
- Desired Dawn Split-complementary Color Scheme#D8D7D9#E1E2CF#D2E3CC#AF9FCA#F6F4EF
- Diamonds in the Sky Split-complementary Color Scheme#E5E2E1#DCECE7#DCE0EA#CDB3AC#F0F4F2
Questions
What colors go with Light Grey?
In a split-complementary scheme: Bashful Lilac (#D0D2E3), Summer Clover (#E5CFDE), Pale Mint (#AAC2A1), Aragonite White (#F3F1F3).
What is the hex code of Light Grey?
#D8DCD6.