Sobre o Azul Ardósia Escuro
Azul Ardósia Escuro (darkslateblue) é um azul escuro de saturação moderada, com código hex #483d8b, ou rgb(72, 61, 139). Em HSL, ele tem matiz de 248°, saturação de 39% e luminosidade de 39%. É uma das 148 cores nomeadas que todos os navegadores reconhecem, então você pode escrever color: darkslateblue; no lugar do valor hex.
Usando o Azul Ardósia Escuro em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Azul Ardósia Escuro sobre branco | 9.07 : 1 | AAA |
| Texto Azul Ardósia Escuro sobre preto | 2.32 : 1 | reprovado |
Em um fundo azul ardósia escuro, use texto em branco (9.07 : 1). O WCAG exige no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de Contraste.
CSS
.element {
color: darkslateblue; /* or #483d8b */
background-color: #483d8b;
border: 1px solid rgb(72 61 139 / 50%);
}
Cores nomeadas semelhantes
Roxo Rebecca (#663399), Índigo (#4b0082), Cinza Opaco (#696969), Azul Meia-Noite (#191970), Cinza Ardósia Escuro (#2f4f4f), Cinza Ardósia (#708090).
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.