Color con nombre · #B0E0F6
Azure Sky
Azure Sky es #B0E0F6: rgb(176 224 246), hsl(199 80% 83%), oklch(0.88 0.058 227.6). Mira tintes, sombras, armonías, contraste WCAG y APCA, y código CSS, Tailwind v4 y SCSS.
What does Cyan mean? → · Azure Sky color name →
#B0E0F6
oklch(0.88 0.058 227.6)
Conversiones de color
- HEX
- #b0e0f6
- RGB
- rgb(176 224 246)
- HSL
- hsl(199 80% 83%)
- HWB
- hwb(199 69% 4%)
- OKLCH
- oklch(0.88 0.058 227.6)
- OKLab
- oklab(0.88 -0.039 -0.043)
- CIE Lab
- lab(86.35 -12.34 -16.11)
- LCH
- lch(86.35 20.29 232.5)
- CMYK
- cmyk(28% 9% 0% 4%)
Tintes · Sombras · Tonos
Tintes
- B8E3F7
- C0E6F8
- C8E9F9
- D0EDFA
- D8F0FB
- E0F3FC
- E8F6FD
- EFF9FD
- F7FCFE
Sombras
- 99C3D6
- 82A6B7
- 6C8A98
- 56707B
- 42565F
- 2E3E45
- 1C272C
- 0B1215
- 010203
Tonos
- ABD6EA
- A7CCDD
- A2C2D1
- 9DB9C5
- 99AFB9
- 94A5AE
- 8F9CA2
- 8A9397
- 85898B
Armonías de color
Complementario +180°
- B0E0F6
Azure Sky
- F9CDB7
≈ Biscuit Cream
Análogo -30° +30°
- B0E0F6
Azure Sky
- ABE4E5
≈ Timeless Seafoam
- C0DAFF
≈ Broad Daylight
Triádico +120° +240°
- B0E0F6
Azure Sky
- F6C9DF
≈ Laelia Pink
- DBDBAF
≈ Spring Thyme
Complementario dividido +150° +210°
- B0E0F6
Azure Sky
- FCC9C9
≈ Sunday Best
- EDD4AD
≈ Givry
Tetrádico +90° +180° +270°
Contraste y accesibilidad
Ag
FailSobre blanco
WCAG 1.41:1 · APCA Lc 20
Ag
AAASobre negro
WCAG 14.83:1 · APCA Lc 83
Mejor color de texto: #000000
WCAG 14.83:1 (AAA) · APCA Lc 83
Contrast pairs
Fragmentos de código
CSS
:root {
--azure-sky: #b0e0f6;
--azure-sky-rgb: 176 224 246;
--azure-sky-oklch: oklch(0.88 0.058 227.6);
}
.element {
color: var(--azure-sky);
background-color: hsl(199 80% 83%);
border-color: oklch(0.88 0.058 227.6);
}Tailwind CSS v4
@theme {
--color-azure-sky: #b0e0f6;
--color-azure-sky-50: #e5f9ff;
--color-azure-sky-100: #d5ecf8;
--color-azure-sky-200: #bcdae9;
--color-azure-sky-300: #9abed0;
--color-azure-sky-400: #7aa6ba;
--color-azure-sky-500: #5b8ea5;
--color-azure-sky-600: #4e788b;
--color-azure-sky-700: #3e606f;
--color-azure-sky-800: #2c4752;
--color-azure-sky-900: #1d3139;
--color-azure-sky-950: #0d1d23;
}SCSS
$azure-sky: #b0e0f6;
$azure-sky-rgb: 176, 224, 246;
$azure-sky-light: mix(#fff, $azure-sky, 20%);
$azure-sky-dark: mix(#000, $azure-sky, 20%);
.element {
color: $azure-sky;
box-shadow: 0 0 0 2px rgba($azure-sky, 0.35);
}