Código de color azul acero claro (#b0c4de)

Azul acero claro es #b0c4de en hex y rgb(176, 196, 222), 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 acero claro
#b0c4de
Nombre CSSlightsteelblue
Hex#b0c4de
RGBrgb(176, 196, 222)
HSLhsl(214 41% 78%)
HWBhwb(214 69% 13%)
CMYK21%, 12%, 0%, 13%

Tintes y sombras

Armonías de color

Acerca del azul acero claro

Azul acero claro (lightsteelblue) es un azul claro y de saturación moderada, con el código hex #b0c4de, o rgb(176, 196, 222). En HSL tiene un tono de 214°, 41% de saturación y 78% de luminosidad. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: lightsteelblue; en lugar del valor hex.

Uso del azul acero claro en texto y fondos

CombinaciónRatio de contrasteWCAG
Texto azul acero claro sobre blanco1.78 : 1no cumple
Texto azul acero claro sobre negro11.80 : 1AAA

Sobre un fondo azul acero claro, usa texto negro (11.80 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Comprueba otras combinaciones con el Comprobador de contraste.

CSS

.element {
  color: lightsteelblue;               /* or #b0c4de */
  background-color: #b0c4de;
  border: 1px solid rgb(176 196 222 / 50%);
}

Colores con nombre similares

Azul claro (#add8e6), Azul polvo (#b0e0e6), Plateado (#c0c0c0), Gris claro (#d3d3d3), Cardo (#d8bfd8), Azul cielo (#87ceeb).

Preguntas frecuentes

¿Cuál es el código hex del azul acero claro?
#b0c4de, es decir, rgb(176, 196, 222) y hsl(214, 41%, 78%). En CSS también puedes escribir simplemente lightsteelblue.
¿El texto azul acero claro es legible sobre blanco?
Su ratio de contraste sobre blanco es 1.78 : 1, lo que no cumple WCAG. Úsalo como decoración o sobre un fondo oscuro.
¿Qué colores combinan bien con el azul acero claro?
Su color complementario es #decab0; los colores análogos #b0dbde y #b3b0de quedan junto a él en la rueda cromática.