Saltar al contenido
Color Codes

Color CSS con nombre

Código de color LightSlateGray

LightSlateGray es un azul de luminosidad media y apagado con el código hexadecimal #778899. En RGB es rgb(119, 136, 153), en HSL hsl(210, 14%, 53%) y en CMYK cmyk(22%, 11%, 0%, 40%).

LightSlateGray
#778899

Valores del color

En CSS puedes escribirlo con la palabra clave lightslategray.

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

El color de Tailwind CSS más cercano es Neutral 500 (#737373).

Usar LightSlateGray en CSS

.element {
  color: lightslategray;
  background-color: #778899;
  border-color: rgb(119, 136, 153);
}

Tonos claros y oscuros de LightSlateGray

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

Colores que combinan con LightSlateGray

Armonías de la rueda de color creadas a partir de #778899. 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 LightSlateGray

Aa
Texto blanco
3.64:1
AA · Texto grande
Aa
Texto negro
5.77:1
AA
Comprobar en el verificador de contraste

Colores parecidos a LightSlateGray

Paletas con colores parecidos

Preguntas sobre LightSlateGray

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

El código hexadecimal de LightSlateGray es #778899. Su valor RGB es rgb(119, 136, 153) y su valor HSL es hsl(210, 14%, 53%).

¿Qué colores combinan con LightSlateGray?

El color complementario de LightSlateGray es #988776. Para un esquema más suave prueba los colores análogos #769898 y #767698; para un esquema equilibrado de tres colores usa los triádicos #987687 y #879876.

¿LightSlateGray es legible como color de texto?

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

Más colores de la familia grises