Código da Cor Light Slate Gray (#778899)

Light Slate Gray é #778899 em hex e rgb(119, 136, 153) — um azul médio. Abaixo: todos os formatos de cor, tons e sombras, harmonias e o quão legível ela é como texto.

Atualizado em

Cinza Ardósia Claro
#778899
Nome CSSlightslategray (também lightslategrey)
Hex#778899
RGBrgb(119, 136, 153)
HSLhsl(210 14% 53%)
HWBhwb(210 47% 40%)
CMYK22%, 11%, 0%, 40%

Tons e sombras

Harmonias de cor

Sobre a Light Slate Gray

Light Slate Gray (lightslategray) é um azul médio e discreto, com o código hex #778899, ou rgb(119, 136, 153). No HSL, ela tem matiz de 210°, 14% de saturação e 53% de luminosidade. O CSS também aceita a grafia lightslategrey para exatamente a mesma cor. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: lightslategray; no lugar do valor hex.

Usando Light Slate Gray em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto Light Slate Gray no branco3.64 : 1AA apenas para texto grande
Texto Light Slate Gray no preto5.77 : 1AA

Em um fundo cinza ardósia claro, use texto em preto (5.77 : 1). O WCAG exige pelo menos 4.5 : 1 para texto corrido e 3 : 1 para texto grande. Verifique outros pares com o Contrast Checker.

CSS

.element {
  color: lightslategray;               /* or #778899 */
  background-color: #778899;
  border: 1px solid rgb(119 136 153 / 50%);
}

Cores nomeadas semelhantes

Cinza Ardósia (#708090), Cinza (#808080), Azul Cadete (#5f9ea0), Azul Aço (#4682b4), Verde Mar Escuro (#8fbc8f), Cinza Fosco (#696969).

Perguntas frequentes

Qual é o código hex do light slate gray?
#778899 — que é rgb(119, 136, 153) e hsl(210, 14%, 53%). No CSS você também pode escrever apenas lightslategray.
O texto light slate gray é legível no branco?
A razão de contraste no branco é 3.64 : 1, que passa apenas para texto grande (WCAG AA texto grande).
Quais cores combinam com light slate gray?
A cor complementar é #988776; as cores análogas #769898 e #767698 ficam ao lado dela no círculo cromático.