Up in the Air Tetradic Color Scheme
Five colors arranged by the tetradic rule around Up in the Air (#C2D5D8), each snapped to its nearest named color.
#C2D5D8
#D1C0DC
#D6C4C1
#CEDAC3
#F0F4F2
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Up in the Air | #C2D5D8 | 194, 213, 216 | 188°, 22%, 80% | 10, 1, 0, 15 | |
| Girl Crush | #D1C0DC | 209, 192, 220 | 276°, 29%, 81% | 5, 13, 0, 14 | |
| Just Gorgeous | #D6C4C1 | 214, 196, 193 | 9°, 20%, 80% | 0, 8, 10, 16 | |
| Breakaway | #CEDAC3 | 206, 218, 195 | 91°, 24%, 81% | 6, 0, 11, 15 | |
| Bakery Box | #F0F4F2 | 240, 244, 242 | 150°, 15%, 95% | 2, 0, 1, 4 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #D1C0DC on #F0F4F2 | 1.54:1 | — |
| Aa #D6C4C1 on #F0F4F2 | 1.51:1 | — |
| Aa #C2D5D8 on #F0F4F2 | 1.37:1 | — |
| Aa #CEDAC3 on #F0F4F2 | 1.31:1 | — |
| Aa #D1C0DC on #CEDAC3 | 1.18:1 | — |
| Aa #D6C4C1 on #CEDAC3 | 1.15:1 | — |
CSS variables
:root {
--color-1: #c2d5d8; /* Up in the Air */
--color-2: #d1c0dc; /* Girl Crush */
--color-3: #d6c4c1; /* Just Gorgeous */
--color-4: #cedac3; /* Breakaway */
--color-5: #f0f4f2; /* Bakery Box */
}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 Split-complementary Color Scheme#C2D5D8#D8C2CA#D9D0C1#8FBABC#F5F0F1
- Up in the Air Monochromatic Color Scheme#669699#91B2BC#C2D5D8#F1F3F3#F1F3F3
More Very Light Teal tetradic palettes
- Airy Tetradic Color Scheme#DAE6E9#E3DAE9#E8DEDA#DFEADB#F1F3F3
- 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
Questions
What colors go with Up in the Air?
In a tetradic scheme: Girl Crush (#D1C0DC), Just Gorgeous (#D6C4C1), Breakaway (#CEDAC3), Bakery Box (#F0F4F2).
What is the hex code of Up in the Air?
#C2D5D8.