Saltar al contenido
Color Codes

Color CSS con nombre

Código de color LightSteelBlue

LightSteelBlue es un azul claro y moderadamente saturado con el código hexadecimal #B0C4DE. En RGB es rgb(176, 196, 222), en HSL hsl(214, 41%, 78%) y en CMYK cmyk(21%, 12%, 0%, 13%).

LightSteelBlue
#B0C4DE

Valores del color

En CSS puedes escribirlo con la palabra clave lightsteelblue.

El texto blanco sobre LightSteelBlue tiene una relación de contraste de 1.78:1 y el texto negro de 11.80:1, así que el texto negro es la opción más legible.

El color de Tailwind CSS más cercano es Blue 300 (#93C5FD).

Usar LightSteelBlue en CSS

.element {
  color: lightsteelblue;
  background-color: #b0c4de;
  border-color: rgb(176, 196, 222);
}

Tonos claros y oscuros de LightSteelBlue

Diez pasos de claro a oscuro con el mismo tono. Haz clic en una muestra para copiarla.

Colores que combinan con LightSteelBlue

Armonías de la rueda de color creadas a partir de #B0C4DE. Haz clic en una muestra para copiarla o abre el conjunto en la rueda de color.

Tonos opuestos para el máximo contraste y acentos llenos de energía.

Tonos vecinos para superficies tranquilas y coherentes.

Tres tonos equidistantes para sistemas coloridos y equilibrados.

Complementario dividido

Abrir en la rueda de color

Un color base y los dos vecinos de su complementario: contraste con menos tensión.

Contraste del texto sobre LightSteelBlue

Aa
Texto blanco
1.78:1
No cumple
Aa
Texto negro
11.80:1
AAA
Comprobar en el verificador de contraste

Colores parecidos a LightSteelBlue

Paletas con colores parecidos

Preguntas sobre LightSteelBlue

¿Cuál es el código hexadecimal de LightSteelBlue?

El código hexadecimal de LightSteelBlue es #B0C4DE. Su valor RGB es rgb(176, 196, 222) y su valor HSL es hsl(214, 41%, 78%).

¿Qué colores combinan con LightSteelBlue?

El color complementario de LightSteelBlue es #DECAB0. Para un esquema más suave prueba los colores análogos #B0DBDE y #B3B0DE; para un esquema equilibrado de tres colores usa los triádicos #DEB0C4 y #C4DEB0.

¿LightSteelBlue es legible como color de texto?

Sobre un fondo blanco, LightSteelBlue tiene una relación de contraste de 1.78:1, que no cumple el nivel WCAG AA para texto normal (4.5:1). Sobre negro alcanza 11.80:1.

Más colores de la familia azules