Acerca de Azul Cielo
Azul Cielo (skyblue) es un azul claro y vivo con el código hex #87ceeb, o rgb(135, 206, 235). En HSL tiene un tono de 197°, una saturación de 71% y una luminosidad de 73%. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: skyblue; en lugar del valor hex.
Uso de Azul Cielo para texto y fondos
| Combinación | Ratio de contraste | WCAG |
|---|---|---|
| Texto Azul Cielo sobre blanco | 1.74 : 1 | no cumple |
| Texto Azul Cielo sobre negro | 12.06 : 1 | AAA |
Sobre un fondo azul cielo, usa texto en negro (12.06 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Revisa otras combinaciones con el Verificador de contraste.
CSS
.element {
color: skyblue; /* or #87ceeb */
background-color: #87ceeb;
border: 1px solid rgb(135 206 235 / 50%);
}
Nombres de color similares
Azul cielo claro (#87cefa), Azul claro (#add8e6), Azul acero claro (#b0c4de), Azul polvo (#b0e0e6), Turquesa pálido (#afeeee), Aguamarina (#7fffd4).
Buscador de Nombres de Color
Pega un código HEX para obtener su nombre más cercano y legible, además de nombres de token limpios para tu CSS, SCSS, JavaScript o configuración de Tailwind.