Sobre a cor Slate Gray
Slate Gray (slategray) é um azul médio e discreto, com o código hex #708090, ou rgb(112, 128, 144). No HSL, ela fica com matiz de 210°, 13% de saturação e 50% de luminosidade. O CSS também aceita a grafia slategrey para exatamente a mesma cor. Ela é uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: slategray; no lugar do valor hex.
Usando Slate Gray em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Slate Gray sobre branco | 4.05 : 1 | Apenas AA para texto grande |
| Texto Slate Gray sobre preto | 5.18 : 1 | AA |
Em um fundo cinza ardósia, use texto em preto (5.18 : 1). A WCAG exige pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Verifique outras combinações com o Verificador de Contraste.
CSS
.element {
color: slategray; /* or #708090 */
background-color: #708090;
border: 1px solid rgb(112 128 144 / 50%);
}
Cores nomeadas semelhantes
Cinza Ardósia Claro (#778899), Cinza (#808080), Azul Cadete (#5f9ea0), Cinza Fosco (#696969), Azul Aço (#4682b4), Verde Mar Escuro (#8fbc8f).
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.