En yakın adlandırılmış renk · #8BB5FF
#8BB5FF
En yakın adlandırılmış renk: Fly Away
#8BB5FF (rgb(139 181 255), hsl(218 100% 77%), oklch(0.772 0.116 261.3)) en çok Fly Away adlı renge yakındır. Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
#8BB5FF
oklch(0.772 0.116 261.3)
Renk dönüşümleri
- 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%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- 96BDFF
- A2C4FF
- ADCCFF
- B9D3FF
- C4DBFF
- D0E2FF
- DCE9FF
- E7F0FF
- F3F8FF
Koyu tonlar
- 789DDE
- 6686BE
- 546F9E
- 435980
- 324463
- 233048
- 141D2E
- 070C16
- 010203
Gri tonlar
- 8AB0F2
- 89ABE5
- 88A5D8
- 87A0CB
- 869BBF
- 8596B2
- 8490A5
- 838B99
- 81858C
Renk uyumları
Tamamlayıcı +180°
- 8BB5FF
Fly Away
- DAAD58
≈ Rob Roy
Analog -30° +30°
- 8BB5FF
Fly Away
- 5DC2F1
≈ Blue Mana
- B5A7F9
≈ Shy Moment
Üçlü +120° +240°
- 8BB5FF
Fly Away
- F69694
≈ Peach Punch
- 8AC881
≈ De York
Bölünmüş tamamlayıcı +150° +210°
- 8BB5FF
Fly Away
- F09F6E
≈ Monarch Orange
- B7BC60
≈ Avocado Cream
Dörtlü +90° +180° +270°
- 8BB5FF
Fly Away
- ED95BD
≈ Shocking
- DAAD58
≈ Rob Roy
- 5ACDAB
≈ Aquarium Blue
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 2.06:1 · APCA Lc 40
Ag
AAASiyah üzerinde
WCAG 10.15:1 · APCA Lc 62
En iyi metin rengi: #000000
WCAG 10.15:1 (AAA) · APCA Lc 62
Contrast pairs
Kod parçacıkları
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);
}