Acerca de Light Slate Gray
Light Slate Gray (lightslategray) es un azul medio y apagado con el código hex #778899, o rgb(119, 136, 153). En HSL tiene un tono de 210°, 14% de saturación y 53% de luminosidad. CSS también acepta la escritura lightslategrey para exactamente el mismo color. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: lightslategray; en lugar del valor hex.
Uso de Light Slate Gray en texto y fondos
| Combinación | Ratio de contraste | WCAG |
|---|---|---|
| Texto Light Slate Gray sobre blanco | 3.64 : 1 | Solo AA para texto grande |
| Texto Light Slate Gray sobre negro | 5.77 : 1 | AA |
Sobre un fondo gris pizarra claro, usa texto en negro (5.77 : 1). WCAG exige al menos 4.5 : 1 para texto de párrafo y 3 : 1 para texto grande. Comprueba otras combinaciones con el Comprobador de contraste.
CSS
.element {
color: lightslategray; /* or #778899 */
background-color: #778899;
border: 1px solid rgb(119 136 153 / 50%);
}
Colores con nombre similares
Gris pizarra (#708090), Gris (#808080), Azul cadete (#5f9ea0), Azul acero (#4682b4), Verde mar oscuro (#8fbc8f), Gris tenue (#696969).
Buscador de Nombres de Color
Pega un código HEX para obtener su nombre más cercano y legible, además de nombres de token limpios para tu CSS, SCSS, JavaScript o configuración de Tailwind.