Fly Away Monochromatic Color Scheme
Five colors arranged by the monochromatic rule around Fly Away (#85B3F3), each snapped to its nearest named color.
#0066CC
#318CE7
#85B3F3
#CCDDFF
#E7EFFB
Color names and codes
| Name | HEX | RGB | HSL | CMYK | OKLCH | |
|---|---|---|---|---|---|---|
| Royal Navy Blue | #0066CC | 0, 102, 204 | 210°, 100%, 40% | 100, 50, 0, 20 | 52.2% 0.177 256 | |
| Bleu de France | #318CE7 | 49, 140, 231 | 210°, 79%, 55% | 79, 39, 0, 9 | 63.2% 0.161 252 | |
| Fly Away | #85B3F3 | 133, 179, 243 | 215°, 82%, 74% | 45, 26, 0, 5 | 75.9% 0.105 257 | |
| Arc Light | #CCDDFF | 204, 221, 255 | 220°, 100%, 90% | 20, 13, 0, 0 | 89.6% 0.050 264 | |
| Cotton Boll | #E7EFFB | 231, 239, 251 | 216°, 71%, 95% | 8, 5, 0, 2 | 95.0% 0.018 258 |
Which pairs work for text
| Text on background | Contrast | WCAG |
|---|---|---|
| Aa #0066CC on #E7EFFB | 4.81:1 | AA |
| Aa #0066CC on #CCDDFF | 4.07:1 | AA large |
| Aa #318CE7 on #E7EFFB | 3.01:1 | AA large |
| Aa #0066CC on #85B3F3 | 2.58:1 | — |
| Aa #318CE7 on #CCDDFF | 2.54:1 | — |
| Aa #85B3F3 on #E7EFFB | 1.86:1 | — |
CSS variables
:root {
--color-1: #0066cc; /* Royal Navy Blue */
--color-2: #318ce7; /* Bleu de France */
--color-3: #85b3f3; /* Fly Away */
--color-4: #ccddff; /* Arc Light */
--color-5: #e7effb; /* Cotton Boll */
}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 Split-complementary Color Scheme#85B3F3#F58F84#E8F48C#318CE7#FACFCC
- Fly Away Tetradic Color Scheme#85B3F3#EE82ED#F0C484#90EE90#E0EBFA
More light blue monochromatic color schemes
- Acapulco Dive Monochromatic Color Scheme#185887#2987C7#65A7DD#A7C9EB#E7EFFB
- Adrift on the Nile Monochromatic Color Scheme#326AB1#518FD1#93B8E3#CFE0F2#ECF3F9
- Airborne Monochromatic Color Scheme#4B7991#70A5B7#A2C2D0#D4E2EB#F0F4F8
- Arcane Brew Monochromatic Color Scheme#072688#243BCD#5260E1#8F99FB#D2D8F4
- Arctic Ice Monochromatic Color Scheme#5C6B8F#8590AE#B6BDD0#E7E6ED#EEF2F3
- Azureno Monochromatic Color Scheme#365194#5D76CB#8FA0D5#C7CEE8#E8EFF8
- Below Zero Monochromatic Color Scheme#1B8CB6#4CA8E0#87CDED#CCEBF5#E8F5FC
- Birdie Num Num Monochromatic Color Scheme#2E5D9D#5383C3#89ACDA#C2D6EC#EDF2F8
- Blank Stare Monochromatic Color Scheme#43505E#667788#8B9CAC#B7C2CC#E5E9EB
- Blue Bay Monochromatic Color Scheme#24547D#3473B7#619AD6#9BC4E2#DAEAF6
- Blue Haze Monochromatic Color Scheme#65648B#928AAE#BDBACE#E7E6ED#F3F1F3
- Blue Jay Monochromatic Color Scheme#1E4581#2266BB#5588DD#93B8E3#D2E2F2
Questions
What colors go with Fly Away?
In a monochromatic scheme: Royal Navy Blue (#0066CC), Bleu de France (#318CE7), Arc Light (#CCDDFF), Cotton Boll (#E7EFFB).
What is the hex code of Fly Away?
#85B3F3.