Código del color Gris pizarra claro (#778899)

Light Slate Gray es #778899 en hex y rgb(119, 136, 153), un azul medio. Abajo encontrarás cada formato de color, tonos y sombras, armonías y qué tan legible es como texto.

Actualizado el

Gris pizarra claro
#778899
Nombre CSSlightslategray (también lightslategrey)
Hex#778899
RGBrgb(119, 136, 153)
HSLhsl(210 14% 53%)
HWBhwb(210 47% 40%)
CMYK22%, 11%, 0%, 40%

Tonos y sombras

Armonías de color

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ónRatio de contrasteWCAG
Texto Light Slate Gray sobre blanco3.64 : 1Solo AA para texto grande
Texto Light Slate Gray sobre negro5.77 : 1AA

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

Preguntas frecuentes

¿Cuál es el código hex del light slate gray?
#778899, que equivale a rgb(119, 136, 153) y hsl(210, 14%, 53%). En CSS también puedes escribir simplemente lightslategray.
¿Se lee bien el texto light slate gray sobre blanco?
Su ratio de contraste sobre blanco es 3.64 : 1, que solo cumple para texto grande (WCAG AA texto grande).
¿Qué colores combinan bien con el light slate gray?
Su color complementario es #988776; los colores análogos #769898 y #767698 están junto a él en la rueda de color.