Acerca del Azul Cielo Claro
Azul Cielo Claro (lightskyblue) es un azul claro y vivo con el código hex #87cefa, o rgb(135, 206, 250). En HSL tiene un tono de 203°, una saturación de 92% y una luminosidad de 75%. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: lightskyblue; en lugar del valor hex.
Uso del Azul Cielo Claro en texto y fondos
| Combinación | Ratio de contraste | WCAG |
|---|---|---|
| Texto Azul Cielo Claro sobre blanco | 1.72 : 1 | no cumple |
| Texto Azul Cielo Claro sobre negro | 12.24 : 1 | AAA |
Sobre un fondo azul cielo claro, usa texto en negro (12.24 : 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: lightskyblue; /* or #87cefa */
background-color: #87cefa;
border: 1px solid rgb(135 206 250 / 50%);
}
Colores con nombre similares
Azul cielo (#87ceeb), Azul claro (#add8e6), Azul polvo (#b0e0e6), Azul acero claro (#b0c4de), 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.