Head in the Clouds Complementary Color Scheme
Five colors arranged by the complementary rule around Head in the Clouds (#D1DDE1), each snapped to its nearest named color.
#D1DDE1
#F1F3F3
#E3D4CF
#C4A7A1
#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 | |
| Zappy Zebra | #F1F3F3 | 241, 243, 243 | 180°, 8%, 95% | 1, 0, 0, 5 | |
| Pandora Grey | #E3D4CF | 227, 212, 207 | 15°, 26%, 85% | 0, 7, 9, 11 | |
| Sable Cloaked | #C4A7A1 | 196, 167, 161 | 10°, 23%, 70% | 0, 15, 18, 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 #F1F3F3 on #C4A7A1 | 2.01:1 | — |
| Aa #C4A7A1 on #F5F0F1 | 1.98:1 | — |
| Aa #D1DDE1 on #C4A7A1 | 1.61:1 | — |
| Aa #E3D4CF on #C4A7A1 | 1.55:1 | — |
| Aa #F1F3F3 on #E3D4CF | 1.29:1 | — |
| Aa #E3D4CF on #F5F0F1 | 1.28:1 | — |
CSS variables
:root {
--color-1: #d1dde1; /* Head in the Clouds */
--color-2: #f1f3f3; /* Zappy Zebra */
--color-3: #e3d4cf; /* Pandora Grey */
--color-4: #c4a7a1; /* Sable Cloaked */
--color-5: #f5f0f1; /* Plastic Clouds */
}Other schemes from Head in the Clouds
- 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 Split-complementary Color Scheme#D1DDE1#E4CFD3#E4DECF#A3BEC4#F5F0F1
- 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 complementary palettes
- Airy Complementary Color Scheme#DAE6E9#F1F3F3#E8DEDA#CDB1AB#F4EFEE
- Alpine Expedition Complementary Color Scheme#99EEFF#E7FEFF#FFAA99#FF6C51#FDEAE6
- Antiguan Complementary Color Scheme#BDDFD8#ECF7F7#DCBDC8#C78B95#F7EFEF
- Bare Mintimum Complementary Color Scheme#D6E3E7#F0F4F8#E6DAD6#CDAEA5#F7EFEF
- Blister Pearl Complementary Color Scheme#AAFFEE#E7FEFF#FFAABB#FD5B78#FFE6EC
- Bone-Chilling Complementary Color Scheme#E1F2F0#ECF7F7#F0E2E4#DDADAF#F6EEED
- Break the Ice Complementary Color Scheme#B2E1EE#EEF7FA#F1BFB1#E08771#FAEFE9
- Bubbles Complementary Color Scheme#E7FEFF#E7FEFF#FFE8E5#FF9999#FFE8E5
- Calm Waters Complementary Color Scheme#E7FAFA#EBFCFC#FBE7E6#F1AAA8#F9EAEA
- Castle in the Sky Complementary Color Scheme#D1EAED#ECF7F7#ECD4D2#DBA39A#F6EEED
- Cold Canada Complementary Color Scheme#DBFFFE#E7FEFF#FFDADC#FC9293#FFE6E7
- Cold Omen Complementary Color Scheme#D6EAE8#ECF7F7#ECD5D9#D1A5A6#F7EFEF
Questions
What colors go with Head in the Clouds?
In a complementary scheme: Zappy Zebra (#F1F3F3), Pandora Grey (#E3D4CF), Sable Cloaked (#C4A7A1), Plastic Clouds (#F5F0F1).
What is the hex code of Head in the Clouds?
#D1DDE1.