Head in the Clouds Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Head in the Clouds (#D1DDE1), each snapped to its nearest named color.
#D1DDE1
#E4CFD3
#E4DECF
#A3BEC4
#F5F0F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Head in the Clouds | #D1DDE1 | 209, 221, 225 | 195°, 21%, 85% | 7, 2, 0, 12 | |
| Delicate Pink | #E4CFD3 | 228, 207, 211 | 349°, 28%, 85% | 0, 9, 7, 11 | |
| Arrowroote | #E4DECF | 228, 222, 207 | 43°, 28%, 85% | 0, 3, 9, 11 | |
| Clear Vista | #A3BEC4 | 163, 190, 196 | 191°, 22%, 70% | 17, 3, 0, 23 | |
| Plastic Clouds | #F5F0F1 | 245, 240, 241 | 348°, 20%, 95% | 0, 2, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #A3BEC4 on #F5F0F1 | 1.74:1 | — |
| Aa #E4DECF on #A3BEC4 | 1.46:1 | — |
| Aa #D1DDE1 on #A3BEC4 | 1.41:1 | — |
| Aa #E4CFD3 on #A3BEC4 | 1.32:1 | — |
| Aa #E4CFD3 on #F5F0F1 | 1.31:1 | — |
| Aa #D1DDE1 on #F5F0F1 | 1.23:1 | — |
CSS variables
:root {
--color-1: #d1dde1; /* Head in the Clouds */
--color-2: #e4cfd3; /* Delicate Pink */
--color-3: #e4decf; /* Arrowroote */
--color-4: #a3bec4; /* Clear Vista */
--color-5: #f5f0f1; /* Plastic Clouds */
}Other schemes from Head in the Clouds
- Head in the Clouds Complementary Color Scheme#D1DDE1#F1F3F3#E3D4CF#C4A7A1#F5F0F1
- Head in the Clouds Analogous Color Scheme#D2E2D5#CDE2DE#D1DDE1#D0D4E3#D5CDE3
- Head in the Clouds Triadic Color Scheme#D1DDE1#E5CFDE#DCE2CE#F1F3F3#C8A3BB
- Head in the Clouds Tetradic Color Scheme#D1DDE1#DBD1E2#E3D4CF#D5E3D0#F1F3F3
- Head in the Clouds Monochromatic Color Scheme#7196A6#A2BBC1#D1DDE1#F2F3F4#F2F3F4
More Very Light Teal split-complementary palettes
- Airy Split-complementary Color Scheme#DAE6E9#E9DBDF#EAE4DA#A9C6CB#F5F0F1
- Alpine Expedition Split-complementary Color Scheme#99EEFF#FF9BB7#FFDD99#45E9FD#FFE5ED
- Antiguan Split-complementary Color Scheme#BDDFD8#DCBFD5#DFC7BC#8AC5BA#F8EEF4
- Bare Mintimum Split-complementary Color Scheme#D6E3E7#E8D8DA#E7E3D6#A6C4CA#F5F0F1
- Blister Pearl Split-complementary Color Scheme#AAFFEE#FFAAEE#FFC4AE#55FFCC#FFE3F4
- Bone-Chilling Split-complementary Color Scheme#E1F2F0#F3E0EB#F3E8E1#AEDDD3#F8EEF4
- Break the Ice Split-complementary Color Scheme#B2E1EE#EDB2C4#F1DAB2#75C7E0#F8EAED
- Bubbles Split-complementary Color Scheme#E7FEFF#FFE6F1#FFF2E4#9CFAFF#FFE6F1
- Calm Waters Split-complementary Color Scheme#E7FAFA#F9E7F4#F9F2E7#AFEEEE#FCEBF4
- Castle in the Sky Split-complementary Color Scheme#D1EAED#EBD0DB#EDE1D1#98D2D9#F7EFEF
- Cold Canada Split-complementary Color Scheme#DBFFFE#FFDDEE#FFEBDA#88FFFF#FFE6F1
- Cold Omen Split-complementary Color Scheme#D6EAE8#EAD3E0#EBDED7#A5D0CB#F8EEF4
Questions
What colors go with Head in the Clouds?
In a split-complementary scheme: Delicate Pink (#E4CFD3), Arrowroote (#E4DECF), Clear Vista (#A3BEC4), Plastic Clouds (#F5F0F1).
What is the hex code of Head in the Clouds?
#D1DDE1.