White Elephant Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around White Elephant (#DEDEE5), each snapped to its nearest named color.
#DEDEE5
#E9E2DB
#E1E9DB
#ACA8CD
#F6F2F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| White Elephant | #DEDEE5 | 222, 222, 229 | 240°, 12%, 88% | 3, 3, 0, 10 | |
| Great Tit Eggs | #E9E2DB | 233, 226, 219 | 30°, 24%, 89% | 0, 3, 6, 9 | |
| Pergola Panorama | #E1E9DB | 225, 233, 219 | 94°, 24%, 89% | 3, 0, 6, 9 | |
| Violet Mix | #ACA8CD | 172, 168, 205 | 246°, 27%, 73% | 16, 18, 0, 20 | |
| Bright White | #F6F2F1 | 246, 242, 241 | 12°, 22%, 95% | 0, 2, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #ACA8CD on #F6F2F1 | 2.05:1 | — |
| Aa #E1E9DB on #ACA8CD | 1.83:1 | — |
| Aa #E9E2DB on #ACA8CD | 1.77:1 | — |
| Aa #DEDEE5 on #ACA8CD | 1.70:1 | — |
| Aa #DEDEE5 on #F6F2F1 | 1.20:1 | — |
| Aa #E9E2DB on #F6F2F1 | 1.15:1 | — |
CSS variables
:root {
--color-1: #dedee5; /* White Elephant */
--color-2: #e9e2db; /* Great Tit Eggs */
--color-3: #e1e9db; /* Pergola Panorama */
--color-4: #aca8cd; /* Violet Mix */
--color-5: #f6f2f1; /* Bright White */
}Other schemes from White Elephant
- White Elephant Complementary Color Scheme#DEDEE5#EBF1F5#E9EADB#CCCAA8#F6F4EF
- White Elephant Analogous Color Scheme#DCE9E9#DAE2E9#DEDEE5#E3DAE9#E7D8EA
- White Elephant Triadic Color Scheme#DEDEE5#E7D9DB#D8E9DB#EBF1F5#CBACAB
- White Elephant Tetradic Color Scheme#DEDEE5#E7DBE1#E9EADB#DAEAE2#EBF1F5
- White Elephant Monochromatic Color Scheme#8889A0#B3B3C2#DEDEE5#F2F2F4#F2F2F4
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 White Elephant?
In a split-complementary scheme: Great Tit Eggs (#E9E2DB), Pergola Panorama (#E1E9DB), Violet Mix (#ACA8CD), Bright White (#F6F2F1).
What is the hex code of White Elephant?
#DEDEE5.