Huebook

Fly Away Analogous Color Scheme

Five colors arranged by the analogous rule around Fly Away (#85B3F3), each snapped to its nearest named color.

#84FBCE
#88EEEE
#85B3F3
#8B88F8
#CC81F0

Color names and codes

NameHEXRGBHSLCMYKOKLCH
Olo#84FBCE132, 251, 206157°, 94%, 75%47, 0, 18, 290.6% 0.126 167
Bath Water#88EEEE136, 238, 238180°, 75%, 73%43, 0, 0, 788.7% 0.096 196
Fly Away#85B3F3133, 179, 243215°, 82%, 74%45, 26, 0, 575.9% 0.105 257
Lavender Blue Shadow#8B88F8139, 136, 248242°, 89%, 75%44, 45, 0, 368.0% 0.162 282
Azuremyst Isle#CC81F0204, 129, 240281°, 79%, 72%15, 46, 0, 672.3% 0.172 314

Which pairs work for text

Text on backgroundContrastWCAG
Aa #84FBCE on #8B88F82.39:1—
Aa #88EEEE on #8B88F82.22:1—
Aa #84FBCE on #CC81F02.09:1—
Aa #88EEEE on #CC81F01.95:1—
Aa #84FBCE on #85B3F31.71:1—
Aa #88EEEE on #85B3F31.59:1—

CSS variables

:root {
  --color-1: #84fbce; /* Olo */
  --color-2: #88eeee; /* Bath Water */
  --color-3: #85b3f3; /* Fly Away */
  --color-4: #8b88f8; /* Lavender Blue Shadow */
  --color-5: #cc81f0; /* Azuremyst Isle */
}

Other schemes from Fly Away

More light blue analogous color schemes

Questions

What colors go with Fly Away?

In a analogous scheme: Olo (#84FBCE), Bath Water (#88EEEE), Lavender Blue Shadow (#8B88F8), Azuremyst Isle (#CC81F0).

What is the hex code of Fly Away?

#85B3F3.