Ghosted Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Ghosted (#E2E0DC), each snapped to its nearest named color.
#E2E0DC
#D8E4E7
#D9D6E5
#C9BFA8
#F1F3F3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Ghosted | #E2E0DC | 226, 224, 220 | 40°, 9%, 87% | 0, 1, 3, 11 | |
| Inuit Blue | #D8E4E7 | 216, 228, 231 | 192°, 24%, 88% | 6, 1, 0, 9 | |
| Perfection | #D9D6E5 | 217, 214, 229 | 252°, 22%, 87% | 5, 7, 0, 10 | |
| Pale Bamboo | #C9BFA8 | 201, 191, 168 | 42°, 23%, 72% | 0, 5, 16, 21 | |
| Zappy Zebra | #F1F3F3 | 241, 243, 243 | 180°, 8%, 95% | 1, 0, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #C9BFA8 on #F1F3F3 | 1.64:1 | — |
| Aa #D8E4E7 on #C9BFA8 | 1.41:1 | — |
| Aa #E2E0DC on #C9BFA8 | 1.39:1 | — |
| Aa #D9D6E5 on #F1F3F3 | 1.28:1 | — |
| Aa #D9D6E5 on #C9BFA8 | 1.28:1 | — |
| Aa #E2E0DC on #F1F3F3 | 1.18:1 | — |
CSS variables
:root {
--color-1: #e2e0dc; /* Ghosted */
--color-2: #d8e4e7; /* Inuit Blue */
--color-3: #d9d6e5; /* Perfection */
--color-4: #c9bfa8; /* Pale Bamboo */
--color-5: #f1f3f3; /* Zappy Zebra */
}Other schemes from Ghosted
- Ghosted Complementary Color Scheme#E2E0DC#F6F4EF#D8DCE6#A6B3C9#EEF2F3
- Ghosted Analogous Color Scheme#E7D8DE#E7DAD7#E2E0DC#E5E6D7#DDE6D7
- Ghosted Triadic Color Scheme#E2E0DC#D8E7E1#E3D7E5#F6F4EF#AACCBB
- Ghosted Tetradic Color Scheme#E2E0DC#D7E7DA#D8DCE6#E4D7E5#F6F4EF
- Ghosted Monochromatic Color Scheme#9D9588#BABBB3#E2E0DC#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 Ghosted?
In a split-complementary scheme: Inuit Blue (#D8E4E7), Perfection (#D9D6E5), Pale Bamboo (#C9BFA8), Zappy Zebra (#F1F3F3).
What is the hex code of Ghosted?
#E2E0DC.