Up in the Air Complementary Color Scheme
Five colors arranged by the complementary rule around Up in the Air (#C2D5D8), each snapped to its nearest named color.
#C2D5D8
#F0F4F2
#D6C4C1
#B7938F
#F4EFEE
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Up in the Air | #C2D5D8 | 194, 213, 216 | 188°, 22%, 80% | 10, 1, 0, 15 | |
| Bakery Box | #F0F4F2 | 240, 244, 242 | 150°, 15%, 95% | 2, 0, 1, 4 | |
| Just Gorgeous | #D6C4C1 | 214, 196, 193 | 9°, 20%, 80% | 0, 8, 10, 16 | |
| Cherry Taupe | #B7938F | 183, 147, 143 | 6°, 22%, 64% | 0, 20, 22, 28 | |
| Angelic Wings | #F4EFEE | 244, 239, 238 | 10°, 21%, 95% | 0, 2, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #F0F4F2 on #B7938F | 2.50:1 | — |
| Aa #B7938F on #F4EFEE | 2.43:1 | — |
| Aa #C2D5D8 on #B7938F | 1.82:1 | — |
| Aa #D6C4C1 on #B7938F | 1.65:1 | — |
| Aa #F0F4F2 on #D6C4C1 | 1.51:1 | — |
| Aa #D6C4C1 on #F4EFEE | 1.47:1 | — |
CSS variables
:root {
--color-1: #c2d5d8; /* Up in the Air */
--color-2: #f0f4f2; /* Bakery Box */
--color-3: #d6c4c1; /* Just Gorgeous */
--color-4: #b7938f; /* Cherry Taupe */
--color-5: #f4efee; /* Angelic Wings */
}Other schemes from Up in the Air
- Up in the Air Analogous Color Scheme#C0DBC6#C3D9CE#C2D5D8#C1CAD9#C6C3D6
- Up in the Air Triadic Color Scheme#C2D5D8#DDC1D7#D6DBC0#F0F4F2#BF90BB
- Up in the Air Split-complementary Color Scheme#C2D5D8#D8C2CA#D9D0C1#8FBABC#F5F0F1
- Up in the Air Tetradic Color Scheme#C2D5D8#D1C0DC#D6C4C1#CEDAC3#F0F4F2
- Up in the Air Monochromatic Color Scheme#669699#91B2BC#C2D5D8#F1F3F3#F1F3F3
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 Up in the Air?
In a complementary scheme: Bakery Box (#F0F4F2), Just Gorgeous (#D6C4C1), Cherry Taupe (#B7938F), Angelic Wings (#F4EFEE).
What is the hex code of Up in the Air?
#C2D5D8.