Najbliższy nazwany kolor · #8BB5FF
#8BB5FF
Najbliższy nazwany kolor: Fly Away
#8BB5FF (rgb(139 181 255), hsl(218 100% 77%), oklch(0.772 0.116 261.3)) jest najbliższy nazwanemu kolorowi Fly Away. Zobacz odcienie, harmonie, kontrast WCAG i APCA oraz kod CSS, Tailwind v4 i SCSS.
#8BB5FF
oklch(0.772 0.116 261.3)
Konwersje koloru
- 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%)
Odcienie jaśniejsze · Odcienie ciemniejsze · Tony
Odcienie jaśniejsze
- 96BDFF
- A2C4FF
- ADCCFF
- B9D3FF
- C4DBFF
- D0E2FF
- DCE9FF
- E7F0FF
- F3F8FF
Odcienie ciemniejsze
- 789DDE
- 6686BE
- 546F9E
- 435980
- 324463
- 233048
- 141D2E
- 070C16
- 010203
Tony
- 8AB0F2
- 89ABE5
- 88A5D8
- 87A0CB
- 869BBF
- 8596B2
- 8490A5
- 838B99
- 81858C
Harmonie kolorów
Komplementarna +180°
- 8BB5FF
Fly Away
- DAAD58
≈ Rob Roy
Analogowa -30° +30°
- 8BB5FF
Fly Away
- 5DC2F1
≈ Blue Mana
- B5A7F9
≈ Shy Moment
Triada +120° +240°
- 8BB5FF
Fly Away
- F69694
≈ Peach Punch
- 8AC881
≈ De York
Komplementarna rozszczepiona +150° +210°
- 8BB5FF
Fly Away
- F09F6E
≈ Monarch Orange
- B7BC60
≈ Avocado Cream
Tetrada +90° +180° +270°
- 8BB5FF
Fly Away
- ED95BD
≈ Shocking
- DAAD58
≈ Rob Roy
- 5ACDAB
≈ Aquarium Blue
Kontrast i dostępność
Ag
FailNa bieli
WCAG 2.06:1 · APCA Lc 40
Ag
AAANa czerni
WCAG 10.15:1 · APCA Lc 62
Najlepszy kolor tekstu: #000000
WCAG 10.15:1 (AAA) · APCA Lc 62
Contrast pairs
Fragmenty kodu
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);
}