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ção | Razão de contraste | WCAG |
|---|---|---|
| Texto Light Slate Gray no branco | 3.64 : 1 | AA apenas para texto grande |
| Texto Light Slate Gray no preto | 5.77 : 1 | AA |
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).
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.