Sobre o Cinza Ardósia Escuro
Cinza Ardósia Escuro (darkslategray) é um ciano escuro e moderadamente saturado, com código hex #2f4f4f, ou rgb(47, 79, 79). Em HSL, ele fica com matiz de 180°, 25% de saturação e 25% de luminosidade. O CSS também aceita a grafia darkslategrey para exatamente a mesma cor. Ela é uma das 148 cores nomeadas que todo navegador entende, então você pode escrever color: darkslategray; no lugar do valor hex.
Usando o Cinza Ardósia Escuro em textos e fundos
| Par | Razão de contraste | WCAG |
|---|---|---|
| Texto Cinza Ardósia Escuro sobre branco | 8.93 : 1 | AAA |
| Texto Cinza Ardósia Escuro sobre preto | 2.35 : 1 | reprova |
Sobre um fundo cinza ardósia escuro, use texto em branco (8.93 : 1). O WCAG exige pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Verifique outros pares com o Verificador de Contraste.
CSS
.element {
color: darkslategray; /* or #2f4f4f */
background-color: #2f4f4f;
border: 1px solid rgb(47 79 79 / 50%);
}
Cores nomeadas semelhantes
Verde Oliva Escuro (#556b2f), Verde Mar (#2e8b57), Azul Meia-Noite (#191970), Azul Ardósia Escuro (#483d8b), Cinza Dim (#696969), Verde Floresta (#228b22).
Nomear Cores
Cole um código HEX para obter o nome mais próximo, legível para humanos, e nomes de tokens limpos para o seu CSS, SCSS, JavaScript ou configuração do Tailwind.