Airy Tetradic Color Scheme
Five colors arranged by the tetradic rule around Airy (#DAE6E9), each snapped to its nearest named color.
#DAE6E9
#E3DAE9
#E8DEDA
#DFEADB
#F1F3F3
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Airy | #DAE6E9 | 218, 230, 233 | 192°, 25%, 88% | 6, 1, 0, 9 | |
| Awakened | #E3DAE9 | 227, 218, 233 | 276°, 25%, 88% | 3, 6, 0, 9 | |
| Memories | #E8DEDA | 232, 222, 218 | 17°, 23%, 88% | 0, 4, 6, 9 | |
| Mint Emulsion | #DFEADB | 223, 234, 219 | 104°, 26%, 89% | 5, 0, 6, 8 | |
| Zappy Zebra | #F1F3F3 | 241, 243, 243 | 180°, 8%, 95% | 1, 0, 0, 5 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E3DAE9 on #F1F3F3 | 1.22:1 | — |
| Aa #E8DEDA on #F1F3F3 | 1.19:1 | — |
| Aa #DAE6E9 on #F1F3F3 | 1.14:1 | — |
| Aa #DFEADB on #F1F3F3 | 1.11:1 | — |
| Aa #E3DAE9 on #DFEADB | 1.09:1 | — |
| Aa #E8DEDA on #DFEADB | 1.07:1 | — |
CSS variables
:root {
--color-1: #dae6e9; /* Airy */
--color-2: #e3dae9; /* Awakened */
--color-3: #e8deda; /* Memories */
--color-4: #dfeadb; /* Mint Emulsion */
--color-5: #f1f3f3; /* Zappy Zebra */
}Other schemes from Airy
- Airy Complementary Color Scheme#DAE6E9#F1F3F3#E8DEDA#CDB1AB#F4EFEE
- Airy Analogous Color Scheme#DAE9DC#DAEAE4#DAE6E9#DBDFE9#D9D9EA
- Airy Triadic Color Scheme#DAE6E9#E9DBE4#E5E8D9#F1F3F3#CCACC1
- Airy Split-complementary Color Scheme#DAE6E9#E9DBDF#EAE4DA#A9C6CB#F5F0F1
- Airy Monochromatic Color Scheme#77A2AD#A9C6CB#DAE6E9#F1F3F3#F1F3F3
More Very Light Teal tetradic palettes
- Alpine Expedition Tetradic Color Scheme#99EEFF#D59CFC#FFAA99#BBFF99#E7FEFF
- Antiguan Tetradic Color Scheme#BDDFD8#C6BEDD#DCBDC8#DDDEBE#ECF7F7
- Bare Mintimum Tetradic Color Scheme#D6E3E7#E3D6E9#E6DAD6#DAE9D6#F0F4F8
- Blister Pearl Tetradic Color Scheme#AAFFEE#CCAAFF#FFAABB#EEFFAA#E7FEFF
- Bone-Chilling Tetradic Color Scheme#E1F2F0#E7E0EE#F0E2E4#ECF3E1#ECF7F7
- Break the Ice Tetradic Color Scheme#B2E1EE#DDAAEE#F1BFB1#CEEBB2#EEF7FA
- Bubbles Tetradic Color Scheme#E7FEFF#F0EBFC#FFE8E5#F1FDE9#E7FEFF
- Calm Waters Tetradic Color Scheme#E7FAFA#EEE9F9#FBE7E6#F3F9E9#EBFCFC
- Castle in the Sky Tetradic Color Scheme#D1EAED#E9D2EF#ECD4D2#DAEED3#ECF7F7
- Cold Canada Tetradic Color Scheme#DBFFFE#EEDDFF#FFDADC#EEFFDD#E7FEFF
- Cold Omen Tetradic Color Scheme#D6EAE8#DDD6E7#ECD5D9#E3EAD6#ECF7F7
- Cold Wave Tetradic Color Scheme#C2E2E3#CAC1E2#E1C2C1#D6E1C2#ECF7F7
Questions
What colors go with Airy?
In a tetradic scheme: Awakened (#E3DAE9), Memories (#E8DEDA), Mint Emulsion (#DFEADB), Zappy Zebra (#F1F3F3).
What is the hex code of Airy?
#DAE6E9.