Airy Complementary Color Scheme
Five colors arranged by the complementary rule around Airy (#DAE6E9), each snapped to its nearest named color.
#DAE6E9
#F1F3F3
#E8DEDA
#CDB1AB
#F4EFEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Airy | #DAE6E9 | 218, 230, 233 | 192°, 25%, 88% | 6, 1, 0, 9 | |
| Zappy Zebra | #F1F3F3 | 241, 243, 243 | 180°, 8%, 95% | 1, 0, 0, 5 | |
| Memories | #E8DEDA | 232, 222, 218 | 17°, 23%, 88% | 0, 4, 6, 9 | |
| Garden Snail | #CDB1AB | 205, 177, 171 | 11°, 25%, 74% | 0, 14, 17, 20 | |
| Angelic Wings | #F4EFEE | 244, 239, 238 | 10°, 21%, 95% | 0, 2, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F1F3F3 on #CDB1AB | 1.80:1 | — |
| Aa #CDB1AB on #F4EFEE | 1.76:1 | — |
| Aa #DAE6E9 on #CDB1AB | 1.57:1 | — |
| Aa #E8DEDA on #CDB1AB | 1.52:1 | — |
| Aa #F1F3F3 on #E8DEDA | 1.19:1 | — |
| Aa #E8DEDA on #F4EFEE | 1.16:1 | — |
CSS variables
:root {
--color-1: #dae6e9; /* Airy */
--color-2: #f1f3f3; /* Zappy Zebra */
--color-3: #e8deda; /* Memories */
--color-4: #cdb1ab; /* Garden Snail */
--color-5: #f4efee; /* Angelic Wings */
}Other schemes from Airy
- 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 Tetradic Color Scheme#DAE6E9#E3DAE9#E8DEDA#DFEADB#F1F3F3
- Airy Monochromatic Color Scheme#77A2AD#A9C6CB#DAE6E9#F1F3F3#F1F3F3
More Very Light Teal complementary palettes
- 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
- Cold Wave Complementary Color Scheme#C2E2E3#ECF7F7#E1C2C1#CE8E8B#F6EEED
Questions
What colors go with Airy?
In a complementary scheme: Zappy Zebra (#F1F3F3), Memories (#E8DEDA), Garden Snail (#CDB1AB), Angelic Wings (#F4EFEE).
What is the hex code of Airy?
#DAE6E9.