Sobre o Cinza Escuro
Cinza Escuro (darkgray) é um cinza claro e discreto, com o código hex #a9a9a9, ou rgb(169, 169, 169). No HSL, ele tem matiz de 0°, saturação de 0% e luminosidade de 66%. O CSS também aceita a grafia darkgrey para exatamente a mesma cor. Ele é uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: darkgray; no lugar do valor hex.
Usando o Cinza Escuro em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Cinza Escuro no branco | 2.35 : 1 | reprovado |
| Texto Cinza Escuro no preto | 8.94 : 1 | AAA |
Sobre um fundo cinza escuro, use texto em preto (8.94 : 1). O WCAG exige pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de Contraste.
CSS
.element {
color: darkgray; /* or #a9a9a9 */
background-color: #a9a9a9;
border: 1px solid rgb(169 169 169 / 50%);
}
Cores nomeadas parecidas
Prata (#c0c0c0), Verde Mar Escuro (#8fbc8f), Marrom Rosado (#bc8f8f), Bronzeado (#d2b48c), Azul Aço Claro (#b0c4de), Cinza Ardósia Claro (#778899).
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.