Código de color gris pizarra (#708090)

Gris pizarra es #708090 en hex y rgb(112, 128, 144), un azul medio. A continuación encontrarás cada formato de color, tonos y sombras, armonías y qué tan legible es como texto.

Actualizado el

Gris pizarra
#708090
Nombre CSSslategray (también slategrey)
Hex#708090
RGBrgb(112, 128, 144)
HSLhsl(210 13% 50%)
HWBhwb(210 44% 44%)
CMYK22%, 11%, 0%, 44%

Tonos y sombras

Armonías de color

Acerca de Gris pizarra

Gris pizarra (slategray) es un azul medio y apagado con el código hex #708090, o rgb(112, 128, 144). En HSL tiene un tono de 210°, una saturación del 13 % y una luminosidad del 50 %. CSS también acepta la escritura slategrey para exactamente el mismo color. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: slategray; en lugar del valor hex.

Uso del gris pizarra para texto y fondos

CombinaciónRelación de contrasteWCAG
Texto gris pizarra sobre blanco4.05 : 1AA solo para texto grande
Texto gris pizarra sobre negro5.18 : 1AA

Sobre un fondo gris pizarra, usa texto en negro (5.18 : 1). WCAG exige al menos 4.5 : 1 para texto normal y 3 : 1 para texto grande. Revisa otras combinaciones con el Comprobador de contraste.

CSS

.element {
  color: slategray;               /* or #708090 */
  background-color: #708090;
  border: 1px solid rgb(112 128 144 / 50%);
}

Nombres de colores similares

Gris pizarra claro (#778899), Gris (#808080), Azul cadete (#5f9ea0), Gris tenue (#696969), Azul acero (#4682b4), Verde mar oscuro (#8fbc8f).

Preguntas frecuentes

¿Cuál es el código hex del gris pizarra?
#708090, es decir, rgb(112, 128, 144) y hsl(210, 13%, 50%). En CSS también puedes escribir simplemente slategray.
¿Es legible el texto gris pizarra sobre blanco?
Su relación de contraste sobre blanco es 4.05 : 1, que solo cumple para texto grande (WCAG AA texto grande).
¿Qué colores combinan bien con el gris pizarra?
Su color complementario es #90806f; los colores análogos #6f9090 y #6f6f90 están junto a él en el círculo cromático.