Código da Cor Cinza Escuro (#a9a9a9)

Cinza Escuro é #a9a9a9 em hex e rgb(169, 169, 169), um cinza claro. Abaixo estão todos os formatos de cor, tons e sombras, harmonias e o quanto ele é legível como texto.

Atualizado em

Cinza Escuro
#a9a9a9
Nome CSSdarkgray (também darkgrey)
Hex#a9a9a9
RGBrgb(169, 169, 169)
HSLhsl(0 0% 66%)
HWBhwb(0 66% 34%)
CMYK0%, 0%, 0%, 34%

Tons e sombras

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çãoRazão de contrasteWCAG
Texto Cinza Escuro no branco2.35 : 1reprovado
Texto Cinza Escuro no preto8.94 : 1AAA

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).

Perguntas frequentes

Qual é o código hex do cinza escuro?
#a9a9a9 — que equivale a rgb(169, 169, 169) e hsl(0, 0%, 66%). No CSS você também pode escrever simplesmente darkgray.
O texto cinza escuro é legível no branco?
Sua razão de contraste no branco é 2.35 : 1, o que é reprovado pelo WCAG. Use-o para decoração ou sobre um fundo escuro.
Quais cores combinam com o cinza escuro?
O Cinza Escuro é uma cor neutra, então combina com quase qualquer cor. Use-o em fundos, bordas e textos ao redor de um destaque mais forte.