Up in the Air Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Up in the Air (#C2D5D8), each snapped to its nearest named color.
#C2D5D8
#D8C2CA
#D9D0C1
#8FBABC
#F5F0F1
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Up in the Air | #C2D5D8 | 194, 213, 216 | 188°, 22%, 80% | 10, 1, 0, 15 | |
| Old Mission Pink | #D8C2CA | 216, 194, 202 | 338°, 22%, 80% | 0, 10, 6, 15 | |
| Cool Concrete | #D9D0C1 | 217, 208, 193 | 38°, 24%, 80% | 0, 4, 11, 15 | |
| Watchet | #8FBABC | 143, 186, 188 | 183°, 25%, 65% | 24, 1, 0, 26 | |
| Plastic Clouds | #F5F0F1 | 245, 240, 241 | 348°, 20%, 95% | 0, 2, 2, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #8FBABC on #F5F0F1 | 1.88:1 | — |
| Aa #D8C2CA on #F5F0F1 | 1.49:1 | — |
| Aa #C2D5D8 on #8FBABC | 1.39:1 | — |
| Aa #D9D0C1 on #8FBABC | 1.39:1 | — |
| Aa #D9D0C1 on #F5F0F1 | 1.35:1 | — |
| Aa #C2D5D8 on #F5F0F1 | 1.35:1 | — |
CSS variables
:root {
--color-1: #c2d5d8; /* Up in the Air */
--color-2: #d8c2ca; /* Old Mission Pink */
--color-3: #d9d0c1; /* Cool Concrete */
--color-4: #8fbabc; /* Watchet */
--color-5: #f5f0f1; /* Plastic Clouds */
}Other schemes from Up in the Air
- Up in the Air Complementary Color Scheme#C2D5D8#F0F4F2#D6C4C1#B7938F#F4EFEE
- 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 Tetradic Color Scheme#C2D5D8#D1C0DC#D6C4C1#CEDAC3#F0F4F2
- Up in the Air Monochromatic Color Scheme#669699#91B2BC#C2D5D8#F1F3F3#F1F3F3
More Very Light Teal split-complementary palettes
- Airy Split-complementary Color Scheme#DAE6E9#E9DBDF#EAE4DA#A9C6CB#F5F0F1
- Alpine Expedition Split-complementary Color Scheme#99EEFF#FF9BB7#FFDD99#45E9FD#FFE5ED
- Antiguan Split-complementary Color Scheme#BDDFD8#DCBFD5#DFC7BC#8AC5BA#F8EEF4
- Bare Mintimum Split-complementary Color Scheme#D6E3E7#E8D8DA#E7E3D6#A6C4CA#F5F0F1
- Blister Pearl Split-complementary Color Scheme#AAFFEE#FFAAEE#FFC4AE#55FFCC#FFE3F4
- Bone-Chilling Split-complementary Color Scheme#E1F2F0#F3E0EB#F3E8E1#AEDDD3#F8EEF4
- Break the Ice Split-complementary Color Scheme#B2E1EE#EDB2C4#F1DAB2#75C7E0#F8EAED
- Bubbles Split-complementary Color Scheme#E7FEFF#FFE6F1#FFF2E4#9CFAFF#FFE6F1
- Calm Waters Split-complementary Color Scheme#E7FAFA#F9E7F4#F9F2E7#AFEEEE#FCEBF4
- Castle in the Sky Split-complementary Color Scheme#D1EAED#EBD0DB#EDE1D1#98D2D9#F7EFEF
- Cold Canada Split-complementary Color Scheme#DBFFFE#FFDDEE#FFEBDA#88FFFF#FFE6F1
- Cold Omen Split-complementary Color Scheme#D6EAE8#EAD3E0#EBDED7#A5D0CB#F8EEF4
Questions
What colors go with Up in the Air?
In a split-complementary scheme: Old Mission Pink (#D8C2CA), Cool Concrete (#D9D0C1), Watchet (#8FBABC), Plastic Clouds (#F5F0F1).
What is the hex code of Up in the Air?
#C2D5D8.