Color con nombre · #A6BBCF
Skyway
Skyway es #A6BBCF: rgb(166 187 207), hsl(209 30% 73%), oklch(0.783 0.037 247). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Blue mean? → · Skyway color name →
#A6BBCF
oklch(0.783 0.037 247)
Conversiones de color
- 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%)
Tintes · Sombras · Tonos
Tintes
- AFC2D4
- B7C8D9
- C0CFDD
- C9D6E2
- D2DDE7
- DBE3EC
- E4EAF1
- EDF1F5
- F6F8FA
Sombras
- 90A2B4
- 7A8A99
- 65737F
- 515C67
- 3E464F
- 2B3238
- 1A1F23
- 0A0D10
- 010202
Tonos
- A2B5C7
- 9EAFBF
- 9BA9B7
- 97A3AF
- 939DA7
- 8F979F
- 8B9197
- 888C8F
- 848688
Armonías de color
Complementario +180°
- A6BBCF
Skyway
- C9B4A0
≈ Familiar Beige
Análogo -30° +30°
- A6BBCF
Skyway
- 9FBFC8
≈ Rest Assured
- B2B7D0
≈ Hundred Waters
Triádico +120° +240°
- A6BBCF
Skyway
- CEAFB4
≈ Izmir Pink
- B2BDA4
≈ Dried Chervil
Complementario dividido +150° +210°
- A6BBCF
Skyway
- CEB1A8
≈ Garden Snail
- BEB99E
≈ Heavy Hammock
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.97:1 · APCA Lc 38
Ag
AAASobre negro
WCAG 10.63:1 · APCA Lc 64
Mejor color de texto: #000000
WCAG 10.63:1 (AAA) · APCA Lc 64
Contrast pairs
Fragmentos de código
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);
}