Código da cor Slate Gray (#708090)

Slate Gray é #708090 em hex e rgb(112, 128, 144), um azul médio. Abaixo você encontra todos os formatos de cor, tons e sombras, harmonias e o quão legível ela é como texto.

Atualizado em

Cinza Ardósia
#708090
Nome CSSslategray (também slategrey)
Hex#708090
RGBrgb(112, 128, 144)
HSLhsl(210 13% 50%)
HWBhwb(210 44% 44%)
CMYK22%, 11%, 0%, 44%

Tons e sombras

Harmonias de cores

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çãoRazão de contrasteWCAG
Texto Slate Gray sobre branco4.05 : 1Apenas AA para texto grande
Texto Slate Gray sobre preto5.18 : 1AA

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

Perguntas frequentes

Qual é o código hex do slate gray?
#708090, que equivale a rgb(112, 128, 144) e hsl(210, 13%, 50%). No CSS, você também pode escrever apenas slategray.
O texto slate gray é legível sobre branco?
Sua razão de contraste sobre o branco é 4.05 : 1, que só passa para textos grandes (WCAG AA para texto grande).
Quais cores combinam com slate gray?
Sua cor complementar é #90806f; as cores análogas #6f9090 e #6f6f90 ficam ao lado dela no círculo cromático.