Código de color Gris Pizarra Oscuro (#2f4f4f)

Gris Pizarra Oscuro es #2f4f4f en hex y rgb(47, 79, 79), un cian oscuro. Abajo encontrarás todos los formatos de color, tintes y sombras, armonías y qué tan legible es como texto.

Actualizado el

Gris Pizarra Oscuro
#2f4f4f
Nombre CSSdarkslategray (también darkslategrey)
Hex#2f4f4f
RGBrgb(47, 79, 79)
HSLhsl(180 25% 25%)
HWBhwb(180 18% 69%)
CMYK41%, 0%, 0%, 69%

Tintes y sombras

Armonías de color

Acerca de Gris Pizarra Oscuro

Gris Pizarra Oscuro (darkslategray) es un cian oscuro y moderadamente saturado con el código hex #2f4f4f, o rgb(47, 79, 79). En HSL tiene un tono de 180°, 25% de saturación y 25% de luminosidad. CSS también acepta la grafía darkslategrey para exactamente el mismo color. Es uno de los 148 colores con nombre que entiende cualquier navegador, así que puedes escribir color: darkslategray; en lugar del valor hex.

Uso de Gris Pizarra Oscuro para texto y fondos

CombinaciónRelación de contrasteWCAG
Texto Gris Pizarra Oscuro sobre blanco8.93 : 1AAA
Texto Gris Pizarra Oscuro sobre negro2.35 : 1no cumple

Sobre un fondo gris pizarra oscuro, usa texto en blanco (8.93 : 1). WCAG exige al menos 4.5 : 1 para texto de cuerpo y 3 : 1 para texto grande. Revisa otras combinaciones con el Verificador de contraste.

CSS

.element {
  color: darkslategray;               /* or #2f4f4f */
  background-color: #2f4f4f;
  border: 1px solid rgb(47 79 79 / 50%);
}

Nombres de color similares

Verde Oliva Oscuro (#556b2f), Verde Mar (#2e8b57), Azul Medianoche (#191970), Azul Pizarra Oscuro (#483d8b), Gris Tenue (#696969), Verde Bosque (#228b22).

Preguntas frecuentes

¿Cuál es el código hex del gris pizarra oscuro?
#2f4f4f, que equivale a rgb(47, 79, 79) y hsl(180, 25%, 25%). En CSS también puedes escribir simplemente darkslategray.
¿Se lee bien el texto gris pizarra oscuro sobre blanco?
Su relación de contraste sobre blanco es 8.93 : 1, lo que cumple WCAG AA para texto normal.
¿Qué colores combinan bien con el gris pizarra oscuro?
Su color complementario es #503030; los colores análogos #305040 y #304050 están junto a él en el círculo cromático.