Código de color Azul Cielo Claro (#87cefa)

Azul Cielo Claro es #87cefa en hex y rgb(135, 206, 250), un azul claro. Abajo encontrarás todos los formatos de color, tintes y sombras, armonías y qué tan legible es como texto.

Actualizado el

Azul Cielo Claro
#87cefa
Nombre CSSlightskyblue
Hex#87cefa
RGBrgb(135, 206, 250)
HSLhsl(203 92% 75%)
HWBhwb(203 53% 2%)
CMYK46%, 18%, 0%, 2%

Tintes y sombras

Armonías de color

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ónRatio de contrasteWCAG
Texto Azul Cielo Claro sobre blanco1.72 : 1no cumple
Texto Azul Cielo Claro sobre negro12.24 : 1AAA

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).

Preguntas frecuentes

¿Cuál es el código hex del azul cielo claro?
#87cefa, que equivale a rgb(135, 206, 250) y hsl(203, 92%, 75%). En CSS también puedes escribir simplemente lightskyblue.
¿El texto azul cielo claro se lee bien sobre blanco?
Su ratio de contraste sobre blanco es 1.72 : 1, lo que no cumple WCAG. Úsalo como decoración o sobre un fondo oscuro.
¿Qué colores combinan bien con el azul cielo claro?
Su color complementario es #fab285. Los colores análogos #85faec y #8592fa están junto a él en el círculo cromático.