Distant Wind Chime Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Distant Wind Chime (#EAEFF2), each snapped to its nearest named color.
#EAEFF2
#F2EBEA
#F2F0EA
#B8CAD5
#F5F0F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Distant Wind Chime | #EAEFF2 | 234, 239, 242 | 202°, 24%, 93% | 3, 1, 0, 5 | |
| Opulent Opal | #F2EBEA | 242, 235, 234 | 7°, 24%, 93% | 0, 3, 3, 5 | |
| Nano White | #F2F0EA | 242, 240, 234 | 45°, 24%, 93% | 0, 1, 3, 5 | |
| Denim Light | #B8CAD5 | 184, 202, 213 | 203°, 26%, 78% | 14, 5, 0, 16 | |
| Plastic Clouds | #F5F0F1 | 245, 240, 241 | 348°, 20%, 95% | 0, 2, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #B8CAD5 on #F5F0F1 | 1.50:1 | — |
| Aa #F2F0EA on #B8CAD5 | 1.48:1 | — |
| Aa #EAEFF2 on #B8CAD5 | 1.46:1 | — |
| Aa #F2EBEA on #B8CAD5 | 1.43:1 | — |
| Aa #F2EBEA on #F5F0F1 | 1.04:1 | — |
| Aa #F2EBEA on #F2F0EA | 1.03:1 | — |
CSS variables
:root {
--color-1: #eaeff2; /* Distant Wind Chime */
--color-2: #f2ebea; /* Opulent Opal */
--color-3: #f2f0ea; /* Nano White */
--color-4: #b8cad5; /* Denim Light */
--color-5: #f5f0f1; /* Plastic Clouds */
}Other schemes from Distant Wind Chime
- Distant Wind Chime Complementary Color Scheme#EAEFF2#EEF2F3#F3ECEA#D6C3B9#F5F0F1
- Distant Wind Chime Analogous Color Scheme#EAF2ED#EAF2F1#EAEFF2#E9ECF1#EDE9EF
- Distant Wind Chime Triadic Color Scheme#EAEFF2#F4EAF0#EEF1EC#EEF2F3#D7B9CB
- Distant Wind Chime Tetradic Color Scheme#EAEFF2#F4EAF0#F3ECEA#EBF1E9#EEF2F3
- Distant Wind Chime Monochromatic Color Scheme#8BA8B7#BACAD4#EAEFF2#EEF2F3#EEF2F3
More Very Light Blue split-complementary palettes
- A Dime a Dozen Split-complementary Color Scheme#D3DDE4#E2D4D4#E3E4D2#A2BACB#F5F0F1
- Andromeda Blue Split-complementary Color Scheme#ABCDEE#EDAAAC#EEEEAA#72A7E1#F9EAEA
- Après-Ski Split-complementary Color Scheme#CED5E4#E3D2CE#E1E2CF#9BA9CA#F7EFEF
- Ariel Split-complementary Color Scheme#AED7EA#EAABBC#ECDFAD#74B8DA#F8EAED
- Baby Blue Split-complementary Color Scheme#A2CFFE#FEA5A2#FCFFA4#55AAFF#FFE6E7
- Bird Bath Blue Split-complementary Color Scheme#CDDFE7#E5CCD1#E8E1CE#99BDD2#F7EFEF
- Blue Silk Split-complementary Color Scheme#D0DCE8#E9CFCF#E9E9D0#9EB6D0#F6EEED
- Breaking the Ice Split-complementary Color Scheme#B8E4F5#F3BAC9#F3E8B8#76C5E7#FFE9ED
- Breath of Fresh Air Split-complementary Color Scheme#C7DBE4#E2C9CE#E3DEC6#97BBC8#F7EFEF
- Breeze Split-complementary Color Scheme#AEC9EA#E6B0AF#E8EBAF#71A2D4#F9EAEB
- Breezy Split-complementary Color Scheme#C2DDE6#E7C2CA#E7DCC1#8DBBD1#F7EFEF
- Bright Star Split-complementary Color Scheme#DDE2E6#E9D9DC#EAE7DA#AABCCB#F4EFEE
Questions
What colors go with Distant Wind Chime?
In a split-complementary scheme: Opulent Opal (#F2EBEA), Nano White (#F2F0EA), Denim Light (#B8CAD5), Plastic Clouds (#F5F0F1).
What is the hex code of Distant Wind Chime?
#EAEFF2.