Colore con nome più vicino · #8BB5FF
#8BB5FF
Colore con nome più vicino: Fly Away
#8BB5FF (rgb(139 181 255), hsl(218 100% 77%), oklch(0.772 0.116 261.3)) è più vicino al colore con nome Fly Away. Scopri tinte, ombre, armonie, contrasto WCAG e APCA e codice CSS, Tailwind v4 e SCSS.
#8BB5FF
oklch(0.772 0.116 261.3)
Conversioni di colore
- HEX
- #8bb5ff
- RGB
- rgb(139 181 255)
- HSL
- hsl(218 100% 77%)
- HWB
- hwb(218 55% 0%)
- OKLCH
- oklch(0.772 0.116 261.3)
- OKLab
- oklab(0.772 -0.017 -0.115)
- CIE Lab
- lab(72.85 0.1 -41.63)
- LCH
- lch(72.85 41.63 270.1)
- CMYK
- cmyk(45% 29% 0% 0%)
Tinte · Ombre · Toni
Tinte
- 96BDFF
- A2C4FF
- ADCCFF
- B9D3FF
- C4DBFF
- D0E2FF
- DCE9FF
- E7F0FF
- F3F8FF
Ombre
- 789DDE
- 6686BE
- 546F9E
- 435980
- 324463
- 233048
- 141D2E
- 070C16
- 010203
Toni
- 8AB0F2
- 89ABE5
- 88A5D8
- 87A0CB
- 869BBF
- 8596B2
- 8490A5
- 838B99
- 81858C
Armonie di colore
Complementare +180°
- 8BB5FF
Fly Away
- DAAD58
≈ Rob Roy
Analogo -30° +30°
- 8BB5FF
Fly Away
- 5DC2F1
≈ Blue Mana
- B5A7F9
≈ Shy Moment
Triadico +120° +240°
- 8BB5FF
Fly Away
- F69694
≈ Peach Punch
- 8AC881
≈ De York
Complementare divisa +150° +210°
- 8BB5FF
Fly Away
- F09F6E
≈ Monarch Orange
- B7BC60
≈ Avocado Cream
Tetradico +90° +180° +270°
- 8BB5FF
Fly Away
- ED95BD
≈ Shocking
- DAAD58
≈ Rob Roy
- 5ACDAB
≈ Aquarium Blue
Contrasto e accessibilità
Ag
FailSu bianco
WCAG 2.06:1 · APCA Lc 40
Ag
AAASu nero
WCAG 10.15:1 · APCA Lc 62
Miglior colore del testo: #000000
WCAG 10.15:1 (AAA) · APCA Lc 62
Contrast pairs
Frammenti di codice
CSS
:root {
--fly-away: #8bb5ff;
--fly-away-rgb: 139 181 255;
--fly-away-oklch: oklch(0.772 0.116 261.3);
}
.element {
color: var(--fly-away);
background-color: hsl(218 100% 77%);
border-color: oklch(0.772 0.116 261.3);
}Tailwind CSS v4
@theme {
--color-fly-away: #8bb5ff;
--color-fly-away-50: #e4f6ff;
--color-fly-away-100: #d4e9ff;
--color-fly-away-200: #bbd5ff;
--color-fly-away-300: #98b7f3;
--color-fly-away-400: #779ee3;
--color-fly-away-500: #5985d3;
--color-fly-away-600: #4c71b2;
--color-fly-away-700: #3d5a8f;
--color-fly-away-800: #29426a;
--color-fly-away-900: #1c2e4b;
--color-fly-away-950: #0c1a31;
}SCSS
$fly-away: #8bb5ff;
$fly-away-rgb: 139, 181, 255;
$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);
}