Couleur nommée la plus proche · #8BB5FF
#8BB5FF
Couleur nommée la plus proche: Fly Away
#8BB5FF (rgb(139 181 255), hsl(218 100% 77%), oklch(0.772 0.116 261.3)) est la plus proche de la couleur nommée Fly Away. Teintes, ombres, harmonies, contraste WCAG et APCA, et code CSS, Tailwind v4 et SCSS.
#8BB5FF
oklch(0.772 0.116 261.3)
Conversions de couleur
- 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%)
Teintes · Ombres · Tons
Teintes
- 96BDFF
- A2C4FF
- ADCCFF
- B9D3FF
- C4DBFF
- D0E2FF
- DCE9FF
- E7F0FF
- F3F8FF
Ombres
- 789DDE
- 6686BE
- 546F9E
- 435980
- 324463
- 233048
- 141D2E
- 070C16
- 010203
Tons
- 8AB0F2
- 89ABE5
- 88A5D8
- 87A0CB
- 869BBF
- 8596B2
- 8490A5
- 838B99
- 81858C
Harmonies de couleurs
Complémentaire +180°
- 8BB5FF
Fly Away
- DAAD58
≈ Rob Roy
Analogue -30° +30°
- 8BB5FF
Fly Away
- 5DC2F1
≈ Blue Mana
- B5A7F9
≈ Shy Moment
Triadique +120° +240°
- 8BB5FF
Fly Away
- F69694
≈ Peach Punch
- 8AC881
≈ De York
Complémentaire divisée +150° +210°
- 8BB5FF
Fly Away
- F09F6E
≈ Monarch Orange
- B7BC60
≈ Avocado Cream
Tétradique +90° +180° +270°
- 8BB5FF
Fly Away
- ED95BD
≈ Shocking
- DAAD58
≈ Rob Roy
- 5ACDAB
≈ Aquarium Blue
Contraste et accessibilité
Ag
FailSur blanc
WCAG 2.06:1 · APCA Lc 40
Ag
AAASur noir
WCAG 10.15:1 · APCA Lc 62
Meilleure couleur de texte: #000000
WCAG 10.15:1 (AAA) · APCA Lc 62
Contrast pairs
Extraits de code
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);
}