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ón | Relación de contraste | WCAG |
|---|---|---|
| Texto Gris Pizarra Oscuro sobre blanco | 8.93 : 1 | AAA |
| Texto Gris Pizarra Oscuro sobre negro | 2.35 : 1 | no 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).
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.