Sobre o Azul Ardósia Médio
Azul Ardósia Médio (mediumslateblue) é um azul claro e vibrante, com o código hex #7b68ee, ou rgb(123, 104, 238). No HSL, ele tem matiz de 249°, saturação de 80% e luminosidade de 67%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: mediumslateblue; no lugar do valor hex.
Usando o Azul Ardósia Médio em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto em Azul Ardósia Médio no branco | 4.15 : 1 | AA apenas para texto grande |
| Texto em Azul Ardósia Médio no preto | 5.06 : 1 | AA |
Em um fundo azul ardósia médio, use texto em preto (5.06 : 1). O WCAG exige pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Confira outras combinações com o Verificador de Contraste.
CSS
.element {
color: mediumslateblue; /* or #7b68ee */
background-color: #7b68ee;
border: 1px solid rgb(123 104 238 / 50%);
}
Cores nomeadas semelhantes
Roxo Médio (#9370db), Azul Ardósia (#6a5acd), Azul Centáurea (#6495ed), Azul Real (#4169e1), 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.