Drifting Cloud Complementary Color Scheme
Five colors arranged by the complementary rule around Drifting Cloud (#DBE0E1), each snapped to its nearest named color.
#DBE0E1
#F1F3F3
#E5D9D6
#C8ABA7
#F4EFEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Drifting Cloud | #DBE0E1 | 219, 224, 225 | 190°, 9%, 87% | 3, 0, 0, 12 | |
| Zappy Zebra | #F1F3F3 | 241, 243, 243 | 180°, 8%, 95% | 1, 0, 0, 5 | |
| Almost Mauve | #E5D9D6 | 229, 217, 214 | 12°, 22%, 87% | 0, 5, 7, 10 | |
| Rosy Tan | #C8ABA7 | 200, 171, 167 | 7°, 23%, 72% | 0, 15, 16, 22 | |
| Angelic Wings | #F4EFEE | 244, 239, 238 | 10°, 21%, 95% | 0, 2, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F1F3F3 on #C8ABA7 | 1.92:1 | — |
| Aa #C8ABA7 on #F4EFEE | 1.87:1 | — |
| Aa #DBE0E1 on #C8ABA7 | 1.60:1 | — |
| Aa #E5D9D6 on #C8ABA7 | 1.55:1 | — |
| Aa #F1F3F3 on #E5D9D6 | 1.24:1 | — |
| Aa #E5D9D6 on #F4EFEE | 1.21:1 | — |
CSS variables
:root {
--color-1: #dbe0e1; /* Drifting Cloud */
--color-2: #f1f3f3; /* Zappy Zebra */
--color-3: #e5d9d6; /* Almost Mauve */
--color-4: #c8aba7; /* Rosy Tan */
--color-5: #f4efee; /* Angelic Wings */
}Other schemes from Drifting Cloud
- Drifting Cloud Analogous Color Scheme#D4E6D9#D6E5E2#DBE0E1#D8DCE6#D9D6E5
- Drifting Cloud Triadic Color Scheme#DBE0E1#E3D7E3#E3E6D6#F1F3F3#C5A5C7
- Drifting Cloud Split-complementary Color Scheme#DBE0E1#E8D5DD#E6E1D6#A6C4CA#F5F0F1
- Drifting Cloud Tetradic Color Scheme#DBE0E1#E3D7E5#E5D9D6#DDE6D7#F1F3F3
- Drifting Cloud Monochromatic Color Scheme#889999#B4BCBF#DBE0E1#F1F3F3#F1F3F3
More Very Light Gray complementary palettes
- Alaska Complementary Color Scheme#DADAD1#F6F4EF#CECAE1#9D9AC4#EBF1F5
- Apollo Landing Complementary Color Scheme#E5E5E1#F6F4EF#DADEE9#A8ACD0#EBF1F5
- Big Fish to Fry Complementary Color Scheme#DADBE1#EEF2F3#E7E3D6#C7C4A5#F6F4EF
- Blowing Smoke Complementary Color Scheme#D2D1D0#F6F2F1#C6D2DE#96AEC5#EEF2F3
- Chrome Complementary Color Scheme#E1DFE1#F6F1F4#D6E9D7#A9CEAA#EFF5F1
- Closet Skeletons Complementary Color Scheme#E1DED9#F6F4EF#D3DBE7#A6B3C9#EEF2F3
- Coconut Agony Complementary Color Scheme#EBE8E7#F5F0F1#E3ECED#B5C9D2#F1F3F3
- Columbo’s Coat Complementary Color Scheme#D0CBCE#F5F0F1#C3D9CB#8EBAA6#EFF5F1
- Concrete Complementary Color Scheme#D2D1CD#F6F4EF#C2C7DB#979FBF#EEF2F3
- Day on Mercury Complementary Color Scheme#D5D2D1#F5F0F1#C8D9DD#9AB6C0#F1F3F3
- Desired Dawn Complementary Color Scheme#D8D7D9#F3F1F3#DAE2CD#B3C39C#F4F4F0
- Diamonds in the Sky Complementary Color Scheme#E5E2E1#F5F0F1#DAE7E9#AEC6CF#F1F3F3
Questions
What colors go with Drifting Cloud?
In a complementary scheme: Zappy Zebra (#F1F3F3), Almost Mauve (#E5D9D6), Rosy Tan (#C8ABA7), Angelic Wings (#F4EFEE).
What is the hex code of Drifting Cloud?
#DBE0E1.