Colore con nome · #85B3F3
Fly Away
Fly Away è #85B3F3: rgb(133 179 243), hsl(215 82% 74%), oklch(0.759 0.105 256.8). Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
What does Blue mean? → · Fly Away color name →
#85B3F3
oklch(0.759 0.105 256.8)
Conversioni di colore
- 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%)
Tinte · Ombre · Toni
Tinte
- 91BBF5
- 9DC2F6
- A9CAF8
- B5D2F9
- C2D9FA
- CEE1FC
- DAE8FD
- E6F0FE
- F3F7FE
Ombre
- 739BD3
- 6184B4
- 506E97
- 40587A
- 30435E
- 212F44
- 131D2B
- 060C14
- 010103
Toni
- 85AEE7
- 85A9DC
- 84A4D0
- 849FC4
- 849AB9
- 8395AD
- 8290A2
- 828A97
- 81858B
Armonie di colore
Complementare +180°
- 85B3F3
Fly Away
- D6A860
≈ Cat’s Eye Marble
Analogo -30° +30°
- 85B3F3
Fly Away
- 5FBEE4
≈ Sea Capture
- ACA7F0
≈ Shy Moment
Triadico +120° +240°
- 85B3F3
Fly Away
- EC9599
≈ Funki Porcini
- 91C07D
≈ Grand Valley
Complementare divisa +150° +210°
- 85B3F3
Fly Away
- E89C76
≈ Les Demoiselles d’Avignon
- B8B563
≈ Hi Def Lime
Tetradico +90° +180° +270°
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.15:1 · APCA Lc 42
Ag
AAASu nero
WCAG 9.73:1 · APCA Lc 60
Miglior colore del testo: #000000
WCAG 9.73:1 (AAA) · APCA Lc 60
Contrast pairs
Frammenti di codice
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);
}