Fly Away Split-complementary Color Scheme
Five colors arranged by the split-complementary rule around Fly Away (#85B3F3), each snapped to its nearest named color.
#85B3F3
#F58F84
#E8F48C
#318CE7
#FACFCC
Color names and codes
| Name | HEX | RGB | HSL | CMYK | |
|---|---|---|---|---|---|
| Fly Away | #85B3F3 | 133, 179, 243 | 215°, 82%, 74% | 45, 26, 0, 5 | |
| Ibis Wing | #F58F84 | 245, 143, 132 | 6°, 85%, 74% | 0, 42, 46, 4 | |
| Key Lime Water | #E8F48C | 232, 244, 140 | 67°, 83%, 75% | 5, 0, 43, 4 | |
| Bleu de France | #318CE7 | 49, 140, 231 | 210°, 79%, 55% | 79, 39, 0, 9 | |
| Fairy Tale Dream | #FACFCC | 250, 207, 204 | 4°, 82%, 89% | 0, 17, 18, 2 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #E8F48C on #318CE7 | 2.94:1 | — |
| Aa #318CE7 on #FACFCC | 2.46:1 | — |
| Aa #F58F84 on #E8F48C | 1.94:1 | — |
| Aa #85B3F3 on #E8F48C | 1.82:1 | — |
| Aa #F58F84 on #FACFCC | 1.63:1 | — |
| Aa #85B3F3 on #318CE7 | 1.61:1 | — |
CSS variables
:root {
--color-1: #85b3f3; /* Fly Away */
--color-2: #f58f84; /* Ibis Wing */
--color-3: #e8f48c; /* Key Lime Water */
--color-4: #318ce7; /* Bleu de France */
--color-5: #facfcc; /* Fairy Tale Dream */
}Other schemes from Fly Away
- Fly Away Complementary Color Scheme#85B3F3#D6EAFC#F0C484#EBA13C#FAF0E1
- Fly Away Analogous Color Scheme#84FBCE#88EEEE#85B3F3#8B88F8#CC81F0
- Fly Away Triadic Color Scheme#85B3F3#F485AC#BBEE88#E0EBFA#EC3B83
- Fly Away Tetradic Color Scheme#85B3F3#EE82ED#F0C484#90EE90#E0EBFA
- Fly Away Monochromatic Color Scheme#0066CC#318CE7#85B3F3#CCDDFF#E7EFFB
More Light Blue split-complementary palettes
- Acapulco Dive Split-complementary Color Scheme#65A7DD#D76968#DCD867#2987C7#EBA0A7
- Adrift on the Nile Split-complementary Color Scheme#93B8E3#E29991#E5E896#518FD1#F5D1CF
- Airborne Split-complementary Color Scheme#A2C2D0#CFA2AD#D0C6A1#70A5B7#ECD5D9
- Arcane Brew Split-complementary Color Scheme#5260E1#E68750#A7E142#243BCD#E8B793
- Arctic Ice Split-complementary Color Scheme#B6BDD0#D2BBB2#CCD1B2#818DB3#F0E5E5
- Azureno Split-complementary Color Scheme#8FA0D5#D5A193#C3DB8D#5D76CB#EBCFC7
- Below Zero Split-complementary Color Scheme#87CDED#F08497#EAD988#4CA8E0#F8CAD5
- Birdie Num Num Split-complementary Color Scheme#89ACDA#DA8C87#D8DB8B#5383C3#EEC6C3
- Blank Stare Split-complementary Color Scheme#8B9CAC#B38380#B4B780#597695#CEB0B5
- Blue Bay Split-complementary Color Scheme#619AD6#D46362#D6D963#3473B7#E39E9C
- Blue Haze Split-complementary Color Scheme#BDBACE#D2C7B7#C1D0B2#9188B5#EFEDE6
- Blue Jay Split-complementary Color Scheme#5588DD#DD6655#D0D557#2266BB#E29D94
Questions
What colors go with Fly Away?
In a split-complementary scheme: Ibis Wing (#F58F84), Key Lime Water (#E8F48C), Bleu de France (#318CE7), Fairy Tale Dream (#FACFCC).
What is the hex code of Fly Away?
#85B3F3.