Head in the Clouds Triadic Color Scheme
Five colors arranged by the triadic rule around Head in the Clouds (#D1DDE1), each snapped to its nearest named color.
#D1DDE1
#E5CFDE
#DCE2CE
#F1F3F3
#C8A3BB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Head in the Clouds | #D1DDE1 | 209, 221, 225 | 195°, 21%, 85% | 7, 2, 0, 12 | |
| Summer Clover | #E5CFDE | 229, 207, 222 | 319°, 30%, 85% | 0, 10, 3, 10 | |
| Cavan | #DCE2CE | 220, 226, 206 | 78°, 26%, 85% | 3, 0, 9, 11 | |
| Zappy Zebra | #F1F3F3 | 241, 243, 243 | 180°, 8%, 95% | 1, 0, 0, 5 | |
| Exquisite | #C8A3BB | 200, 163, 187 | 321°, 25%, 71% | 0, 19, 7, 22 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F1F3F3 on #C8A3BB | 2.00:1 | — |
| Aa #DCE2CE on #C8A3BB | 1.68:1 | — |
| Aa #D1DDE1 on #C8A3BB | 1.61:1 | — |
| Aa #E5CFDE on #C8A3BB | 1.52:1 | — |
| Aa #E5CFDE on #F1F3F3 | 1.32:1 | — |
| Aa #D1DDE1 on #F1F3F3 | 1.25:1 | — |
CSS variables
:root {
--color-1: #d1dde1; /* Head in the Clouds */
--color-2: #e5cfde; /* Summer Clover */
--color-3: #dce2ce; /* Cavan */
--color-4: #f1f3f3; /* Zappy Zebra */
--color-5: #c8a3bb; /* Exquisite */
}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 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 triadic palettes
- Airy Triadic Color Scheme#DAE6E9#E9DBE4#E5E8D9#F1F3F3#CCACC1
- Alpine Expedition Triadic Color Scheme#99EEFF#FF99EE#EEFF99#E7FEFF#FF55EE
- Antiguan Triadic Color Scheme#BDDFD8#D4BDDF#DFD7BD#ECF7F7#B48AC2
- Bare Mintimum Triadic Color Scheme#D6E3E7#E4D7E5#E3E6D6#F0F4F8#CCACC1
- Blister Pearl Triadic Color Scheme#AAFFEE#EEAAFF#FFEEAA#E7FEFF#DD55FF
- Bone-Chilling Triadic Color Scheme#E1F2F0#EFE2F2#F2EFE1#ECF7F7#D4AFDA
- Break the Ice Triadic Color Scheme#B2E1EE#F2ABE1#E3EFB2#EEF7FA#E56CC0
- Bubbles Triadic Color Scheme#E7FEFF#FFEBFE#FFFFE5#E7FEFF#FF99FF
- Calm Waters Triadic Color Scheme#E7FAFA#FCEBFA#FBF9E8#EBFCFC#EEAAEE
- Castle in the Sky Triadic Color Scheme#D1EAED#F0D5EA#EAEBD1#ECF7F7#D39ED2
- Cold Canada Triadic Color Scheme#DBFFFE#FFDDFF#FFFED9#E7FEFF#FF88FF
- Cold Omen Triadic Color Scheme#D6EAE8#E7D8EA#E9E9D5#ECF7F7#C6A1CF
Questions
What colors go with Head in the Clouds?
In a triadic scheme: Summer Clover (#E5CFDE), Cavan (#DCE2CE), Zappy Zebra (#F1F3F3), Exquisite (#C8A3BB).
What is the hex code of Head in the Clouds?
#D1DDE1.