Código del color Azul Cielo (#87ceeb)

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

Actualizado el

Azul Cielo
#87ceeb
Nombre CSSskyblue
Hex#87ceeb
RGBrgb(135, 206, 235)
HSLhsl(197 71% 73%)
HWBhwb(197 53% 8%)
CMYK43%, 12%, 0%, 8%

Tonos y sombras

Armonías de color

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

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

Preguntas frecuentes

¿Cuál es el código hex del azul cielo?
#87ceeb, que equivale a rgb(135, 206, 235) y hsl(197, 71%, 73%). En CSS también puedes escribir simplemente skyblue.
¿Se lee bien el texto azul cielo sobre blanco?
Su ratio de contraste sobre blanco es 1.74 : 1, lo que no cumple WCAG. Úsalo como decoración o sobre un fondo oscuro.
¿Qué colores combinan bien con el azul cielo?
Su color complementario es #eba589, y los colores análogos #89ebd6 y #899eeb están junto a él en el círculo cromático.