Drifting Cloud Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Drifting Cloud (#DBE0E1), each snapped to its nearest named color.
#DBE0E1
#E8D5DD
#E6E1D6
#A6C4CA
#F5F0F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Drifting Cloud | #DBE0E1 | 219, 224, 225 | 190°, 9%, 87% | 3, 0, 0, 12 | |
| Swiss Rose | #E8D5DD | 232, 213, 221 | 335°, 29%, 87% | 0, 8, 5, 9 | |
| August Moon | #E6E1D6 | 230, 225, 214 | 41°, 24%, 87% | 0, 2, 7, 10 | |
| Skyward | #A6C4CA | 166, 196, 202 | 190°, 25%, 72% | 18, 3, 0, 21 | |
| Plastic Clouds | #F5F0F1 | 245, 240, 241 | 348°, 20%, 95% | 0, 2, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A6C4CA on #F5F0F1 | 1.64:1 | — |
| Aa #E6E1D6 on #A6C4CA | 1.42:1 | — |
| Aa #DBE0E1 on #A6C4CA | 1.39:1 | — |
| Aa #E8D5DD on #A6C4CA | 1.32:1 | — |
| Aa #E8D5DD on #F5F0F1 | 1.24:1 | — |
| Aa #DBE0E1 on #F5F0F1 | 1.18:1 | — |
CSS variables
:root {
--color-1: #dbe0e1; /* Drifting Cloud */
--color-2: #e8d5dd; /* Swiss Rose */
--color-3: #e6e1d6; /* August Moon */
--color-4: #a6c4ca; /* Skyward */
--color-5: #f5f0f1; /* Plastic Clouds */
}Other schemes from Drifting Cloud
- Drifting Cloud Complementary Color Scheme#DBE0E1#F1F3F3#E5D9D6#C8ABA7#F4EFEE
- Drifting Cloud Analogous Color Scheme#D4E6D9#D6E5E2#DBE0E1#D8DCE6#D9D6E5
- Drifting Cloud Triadic Color Scheme#DBE0E1#E3D7E3#E3E6D6#F1F3F3#C5A5C7
- Drifting Cloud Tetradic Color Scheme#DBE0E1#E3D7E5#E5D9D6#DDE6D7#F1F3F3
- Drifting Cloud Monochromatic Color Scheme#889999#B4BCBF#DBE0E1#F1F3F3#F1F3F3
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 Drifting Cloud?
In a split-complementary scheme: Swiss Rose (#E8D5DD), August Moon (#E6E1D6), Skyward (#A6C4CA), Plastic Clouds (#F5F0F1).
What is the hex code of Drifting Cloud?
#DBE0E1.