Sobre o Azul Ardósia
Azul Ardósia (slateblue) é um azul médio, de saturação moderada, com o código hex #6a5acd, ou rgb(106, 90, 205). Em HSL, ele tem matiz de 248°, 53% de saturação e 58% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: slateblue; no lugar do valor hex.
Usando o Azul Ardósia em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Azul Ardósia no branco | 5.31 : 1 | AA |
| Texto Azul Ardósia no preto | 3.96 : 1 | AA apenas para texto grande |
Em um fundo azul ardósia, use texto branco (5.31 : 1). A WCAG exige no mínimo 4.5 : 1 para textos de corpo e 3 : 1 para textos grandes. Verifique outras combinações com o Verificador de Contraste.
CSS
.element {
color: slateblue; /* or #6a5acd */
background-color: #6a5acd;
border: 1px solid rgb(106 90 205 / 50%);
}
Nomes de cores semelhantes
Azul Ardósia Médio (#7b68ee), Azul Royal (#4169e1), Roxo Médio (#9370db), Azul Aço (#4682b4), Azul Violeta (#8a2be2), Orquídea Escura (#9932cc).
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.