Wind Chime Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Wind Chime (#DFE0E2), each snapped to its nearest named color.
#DFE0E2
#E7DAD7
#E5E8D9
#A7B7CA
#F4EFEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Wind Chime | #DFE0E2 | 223, 224, 226 | 220°, 5%, 88% | 1, 1, 0, 11 | 90.7% 0.003 265 | |
| Light Porcelain | #E7DAD7 | 231, 218, 215 | 11°, 25%, 87% | 0, 6, 7, 9 | 89.8% 0.015 33 | |
| Shy Green | #E5E8D9 | 229, 232, 217 | 72°, 25%, 88% | 1, 0, 6, 9 | 92.5% 0.020 116 | |
| Uniform | #A7B7CA | 167, 183, 202 | 213°, 25%, 72% | 17, 9, 0, 21 | 77.3% 0.032 253 | |
| Angelic Wings | #F4EFEE | 244, 239, 238 | 10°, 21%, 95% | 0, 2, 2, 4 | 95.6% 0.006 31 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A7B7CA on #F4EFEE | 1.79:1 | — |
| Aa #E5E8D9 on #A7B7CA | 1.64:1 | — |
| Aa #DFE0E2 on #A7B7CA | 1.55:1 | — |
| Aa #E7DAD7 on #A7B7CA | 1.50:1 | — |
| Aa #E7DAD7 on #F4EFEE | 1.20:1 | — |
| Aa #DFE0E2 on #F4EFEE | 1.16:1 | — |
CSS variables
:root {
--color-1: #dfe0e2; /* Wind Chime */
--color-2: #e7dad7; /* Light Porcelain */
--color-3: #e5e8d9; /* Shy Green */
--color-4: #a7b7ca; /* Uniform */
--color-5: #f4efee; /* Angelic Wings */
}Other schemes from Wind Chime
- Wind Chime Complementary Color Scheme#DFE0E2#EEF2F3#E9E3DA#CCC1AB#F6F4EF
- Wind Chime Analogous Color Scheme#D9E7E3#D9E6E8#DFE0E2#D9D9EA#E3DAE9
- Wind Chime Triadic Color Scheme#DFE0E2#E7D8DE#DEEAD8#EEF2F3#D1ABB5
- Wind Chime Tetradic Color Scheme#DFE0E2#E9DBE4#E9E3DA#D8E9DB#EEF2F3
- Wind Chime Monochromatic Color Scheme#919098#B7B8BF#DFE0E2#F2F2F4#F2F2F4
More very light gray split-complementary color schemes
- 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 Wind Chime?
In a split-complementary scheme: Light Porcelain (#E7DAD7), Shy Green (#E5E8D9), Uniform (#A7B7CA), Angelic Wings (#F4EFEE).
What is the hex code of Wind Chime?
#DFE0E2.