Adlandırılmış renk · #A6BBCF
Skyway
Skyway, #A6BBCF: rgb(166 187 207), hsl(209 30% 73%), oklch(0.783 0.037 247). Açık tonlar, koyu tonlar, uyumlar, WCAG ve APCA kontrastı ile CSS, Tailwind v4 ve SCSS kodunu görün.
What does Blue mean? → · Skyway color name →
#A6BBCF
oklch(0.783 0.037 247)
Renk dönüşümleri
- HEX
- #a6bbcf
- RGB
- rgb(166 187 207)
- HSL
- hsl(209 30% 73%)
- HWB
- hwb(209 65% 19%)
- OKLCH
- oklch(0.783 0.037 247)
- OKLab
- oklab(0.783 -0.014 -0.034)
- CIE Lab
- lab(74.76 -4.24 -12.67)
- LCH
- lch(74.76 13.36 251.5)
- CMYK
- cmyk(20% 10% 0% 19%)
Açık tonlar · Koyu tonlar · Gri tonlar
Açık tonlar
- AFC2D4
- B7C8D9
- C0CFDD
- C9D6E2
- D2DDE7
- DBE3EC
- E4EAF1
- EDF1F5
- F6F8FA
Koyu tonlar
- 90A2B4
- 7A8A99
- 65737F
- 515C67
- 3E464F
- 2B3238
- 1A1F23
- 0A0D10
- 010202
Gri tonlar
- A2B5C7
- 9EAFBF
- 9BA9B7
- 97A3AF
- 939DA7
- 8F979F
- 8B9197
- 888C8F
- 848688
Renk uyumları
Tamamlayıcı +180°
- A6BBCF
Skyway
- C9B4A0
≈ Familiar Beige
Analog -30° +30°
- A6BBCF
Skyway
- 9FBFC8
≈ Rest Assured
- B2B7D0
≈ Hundred Waters
Üçlü +120° +240°
- A6BBCF
Skyway
- CEAFB4
≈ Izmir Pink
- B2BDA4
≈ Dried Chervil
Bölünmüş tamamlayıcı +150° +210°
- A6BBCF
Skyway
- CEB1A8
≈ Garden Snail
- BEB99E
≈ Heavy Hammock
Dörtlü +90° +180° +270°
Kontrast ve erişilebilirlik
Ag
FailBeyaz üzerinde
WCAG 1.97:1 · APCA Lc 38
Ag
AAASiyah üzerinde
WCAG 10.63:1 · APCA Lc 64
En iyi metin rengi: #000000
WCAG 10.63:1 (AAA) · APCA Lc 64
Contrast pairs
Kod parçacıkları
CSS
:root {
--skyway: #a6bbcf;
--skyway-rgb: 166 187 207;
--skyway-oklch: oklch(0.783 0.037 247);
}
.element {
color: var(--skyway);
background-color: hsl(209 30% 73%);
border-color: oklch(0.783 0.037 247);
}Tailwind CSS v4
@theme {
--color-skyway: #a6bbcf;
--color-skyway-50: #edf6ff;
--color-skyway-100: #dfe9f4;
--color-skyway-200: #c9d6e4;
--color-skyway-300: #a9b9ca;
--color-skyway-400: #8ea1b3;
--color-skyway-500: #73899e;
--color-skyway-600: #627485;
--color-skyway-700: #4e5d6b;
--color-skyway-800: #38444e;
--color-skyway-900: #262f37;
--color-skyway-950: #151b21;
}SCSS
$skyway: #a6bbcf;
$skyway-rgb: 166, 187, 207;
$skyway-light: mix(#fff, $skyway, 20%);
$skyway-dark: mix(#000, $skyway, 20%);
.element {
color: $skyway;
box-shadow: 0 0 0 2px rgba($skyway, 0.35);
}