Distant Cloud Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Distant Cloud (#E5EAE6), each snapped to its nearest named color.
#E5EAE6
#EDE2EE
#EBE2E5
#B1D4B7
#F6F1F4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Distant Cloud | #E5EAE6 | 229, 234, 230 | 132°, 11%, 91% | 2, 0, 2, 8 | |
| Faded Fuchsia | #EDE2EE | 237, 226, 238 | 295°, 26%, 91% | 0, 5, 0, 7 | |
| Delicacy White | #EBE2E5 | 235, 226, 229 | 340°, 18%, 90% | 0, 4, 3, 8 | |
| Enchanted Meadow | #B1D4B7 | 177, 212, 183 | 130°, 29%, 76% | 17, 0, 14, 17 | |
| Grim White | #F6F1F4 | 246, 241, 244 | 324°, 22%, 95% | 0, 2, 1, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B1D4B7 on #F6F1F4 | 1.45:1 | — |
| Aa #E5EAE6 on #B1D4B7 | 1.33:1 | — |
| Aa #EDE2EE on #B1D4B7 | 1.29:1 | — |
| Aa #EBE2E5 on #B1D4B7 | 1.28:1 | — |
| Aa #EBE2E5 on #F6F1F4 | 1.14:1 | — |
| Aa #EDE2EE on #F6F1F4 | 1.13:1 | — |
CSS variables
:root {
--color-1: #e5eae6; /* Distant Cloud */
--color-2: #ede2ee; /* Faded Fuchsia */
--color-3: #ebe2e5; /* Delicacy White */
--color-4: #b1d4b7; /* Enchanted Meadow */
--color-5: #f6f1f4; /* Grim White */
}Other schemes from Distant Cloud
- Distant Cloud Complementary Color Scheme#E5EAE6#EFF5F1#EEE1EB#D1B5CA#F6F1F4
- Distant Cloud Analogous Color Scheme#ECECE1#E5EDE2#E5EAE6#E2EDEB#E2ECED
- Distant Cloud Triadic Color Scheme#E5EAE6#E3E1ED#ECE4E2#EFF5F1#B8B0CF
- Distant Cloud Tetradic Color Scheme#E5EAE6#E2E6EC#EEE1EB#EEEAE2#EFF5F1
- Distant Cloud Monochromatic Color Scheme#93A394#BCC8BE#E5EAE6#F0F4F2#F0F4F2
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 Distant Cloud?
In a split-complementary scheme: Faded Fuchsia (#EDE2EE), Delicacy White (#EBE2E5), Enchanted Meadow (#B1D4B7), Grim White (#F6F1F4).
What is the hex code of Distant Cloud?
#E5EAE6.