Head in the Clouds Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Head in the Clouds (#D1DDE1), each snapped to its nearest named color.
#7196A6
#A2BBC1
#D1DDE1
#F2F3F4
#F2F3F4
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Smoky Blue | #7196A6 | 113, 150, 166 | 198°, 23%, 55% | 32, 10, 0, 35 | |
| Soft Shore | #A2BBC1 | 162, 187, 193 | 192°, 20%, 70% | 16, 3, 0, 24 | |
| Head in the Clouds | #D1DDE1 | 209, 221, 225 | 195°, 21%, 85% | 7, 2, 0, 12 | |
| Anti-Flash White | #F2F3F4 | 242, 243, 244 | 210°, 8%, 95% | 1, 0, 0, 4 | |
| Anti-Flash White | #F2F3F4 | 242, 243, 244 | 210°, 8%, 95% | 1, 0, 0, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #7196A6 on #F2F3F4 | 2.86:1 | — |
| Aa #7196A6 on #F2F3F4 | 2.86:1 | — |
| Aa #7196A6 on #D1DDE1 | 2.29:1 | — |
| Aa #A2BBC1 on #F2F3F4 | 1.81:1 | — |
| Aa #A2BBC1 on #F2F3F4 | 1.81:1 | — |
| Aa #7196A6 on #A2BBC1 | 1.57:1 | — |
CSS variables
:root {
--color-1: #7196a6; /* Smoky Blue */
--color-2: #a2bbc1; /* Soft Shore */
--color-3: #d1dde1; /* Head in the Clouds */
--color-4: #f2f3f4; /* Anti-Flash White */
--color-5: #f2f3f4; /* Anti-Flash White */
}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 Split-complementary Color Scheme#D1DDE1#E4CFD3#E4DECF#A3BEC4#F5F0F1
- Head in the Clouds Tetradic Color Scheme#D1DDE1#DBD1E2#E3D4CF#D5E3D0#F1F3F3
More Very Light Teal monochromatic palettes
- Airy Monochromatic Color Scheme#77A2AD#A9C6CB#DAE6E9#F1F3F3#F1F3F3
- Alpine Expedition Monochromatic Color Scheme#04D9FF#45E9FD#99EEFF#E7FEFF#E7FEFF
- Antiguan Monochromatic Color Scheme#54AF9C#8AC5BA#BDDFD8#ECF7F7#ECF7F7
- Bare Mintimum Monochromatic Color Scheme#76A0AF#A6C4CA#D6E3E7#F0F4F8#F0F4F8
- Blister Pearl Monochromatic Color Scheme#00FFCC#55FFCC#AAFFEE#E7FEFF#E7FEFF
- Bone-Chilling Monochromatic Color Scheme#7AC0BB#AEDDD3#E1F2F0#ECF7F7#ECF7F7
- Break the Ice Monochromatic Color Scheme#38AFCD#75C7E0#B2E1EE#EEF7FA#EEF7FA
- Bubbles Monochromatic Color Scheme#53F6FF#9CFAFF#E7FEFF#E7FEFF#E7FEFF
- Calm Waters Monochromatic Color Scheme#6FEBE3#AFEEEE#E7FAFA#EBFCFC#EBFCFC
- Castle in the Sky Monochromatic Color Scheme#62B4C0#98D2D9#D1EAED#ECF7F7#ECF7F7
- Cold Canada Monochromatic Color Scheme#41FDFE#88FFFF#DBFFFE#E7FEFF#E7FEFF
- Cold Omen Monochromatic Color Scheme#72B2AF#A5D0CB#D6EAE8#ECF7F7#ECF7F7
Questions
What colors go with Head in the Clouds?
In a monochromatic scheme: Smoky Blue (#7196A6), Soft Shore (#A2BBC1), Anti-Flash White (#F2F3F4), Anti-Flash White (#F2F3F4).
What is the hex code of Head in the Clouds?
#D1DDE1.