Named color · #85B3F3
Fly Away
Fly Away is #85B3F3: rgb(133 179 243), hsl(215 82% 74%), oklch(0.759 0.105 256.8). See tints, shades, harmonies, WCAG & APCA contrast, and CSS, Tailwind v4 & SCSS code.
What does Blue mean? → · Fly Away color name →
#85B3F3
oklch(0.759 0.105 256.8)
Color conversions
- HEX
- #85b3f3
- RGB
- rgb(133 179 243)
- HSL
- hsl(215 82% 74%)
- HWB
- hwb(215 52% 5%)
- OKLCH
- oklch(0.759 0.105 256.8)
- OKLab
- oklab(0.759 -0.024 -0.102)
- CIE Lab
- lab(71.53 -3.12 -37.24)
- LCH
- lch(71.53 37.37 265.2)
- CMYK
- cmyk(45% 26% 0% 5%)
Tints · Shades · Tones
Tints
- 91BBF5
- 9DC2F6
- A9CAF8
- B5D2F9
- C2D9FA
- CEE1FC
- DAE8FD
- E6F0FE
- F3F7FE
Shades
- 739BD3
- 6184B4
- 506E97
- 40587A
- 30435E
- 212F44
- 131D2B
- 060C14
- 010103
Tones
- 85AEE7
- 85A9DC
- 84A4D0
- 849FC4
- 849AB9
- 8395AD
- 8290A2
- 828A97
- 81858B
Color harmonies
Complementary +180°
- 85B3F3
Fly Away
- D6A860
≈ Cat’s Eye Marble
Analogous -30° +30°
- 85B3F3
Fly Away
- 5FBEE4
≈ Sea Capture
- ACA7F0
≈ Shy Moment
Triadic +120° +240°
- 85B3F3
Fly Away
- EC9599
≈ Funki Porcini
- 91C07D
≈ Grand Valley
Split-complementary +150° +210°
- 85B3F3
Fly Away
- E89C76
≈ Les Demoiselles d’Avignon
- B8B563
≈ Hi Def Lime
Tetradic +90° +180° +270°
Contrast & accessibility
Ag
FailOn white
WCAG 2.15:1 · APCA Lc 42
Ag
AAAOn black
WCAG 9.73:1 · APCA Lc 60
Best text color: #000000
WCAG 9.73:1 (AAA) · APCA Lc 60
Contrast pairs
Code snippets
CSS
:root {
--fly-away: #85b3f3;
--fly-away-rgb: 133 179 243;
--fly-away-oklch: oklch(0.759 0.105 256.8);
}
.element {
color: var(--fly-away);
background-color: hsl(215 82% 74%);
border-color: oklch(0.759 0.105 256.8);
}Tailwind CSS v4
@theme {
--color-fly-away: #85b3f3;
--color-fly-away-50: #e3f7ff;
--color-fly-away-100: #d3eaff;
--color-fly-away-200: #b9d6ff;
--color-fly-away-300: #97b9ed;
--color-fly-away-400: #76a0dc;
--color-fly-away-500: #5787cb;
--color-fly-away-600: #4a73ab;
--color-fly-away-700: #3b5c89;
--color-fly-away-800: #284466;
--color-fly-away-900: #1b2f48;
--color-fly-away-950: #0b1b2f;
}SCSS
$fly-away: #85b3f3;
$fly-away-rgb: 133, 179, 243;
$fly-away-light: mix(#fff, $fly-away, 20%);
$fly-away-dark: mix(#000, $fly-away, 20%);
.element {
color: $fly-away;
box-shadow: 0 0 0 2px rgba($fly-away, 0.35);
}