Sobre o Azul Violeta
Azul Violeta (blueviolet) é um roxo médio e vibrante, com código hexadecimal #8a2be2, ou rgb(138, 43, 226). No HSL, ele tem matiz de 271°, 76% de saturação e 53% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: blueviolet; em vez do valor hexadecimal.
Usando o Azul Violeta em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto azul violeta no branco | 5.96 : 1 | AA |
| Texto azul violeta no preto | 3.52 : 1 | AA apenas para texto grande |
Em um fundo azul violeta, use texto branco (5.96 : 1). O WCAG exige no mínimo 4.5 : 1 para textos de corpo e 3 : 1 para textos grandes. Confira outras combinações com o Verificador de Contraste.
CSS
.element {
color: blueviolet; /* or #8a2be2 */
background-color: #8a2be2;
border: 1px solid rgb(138 43 226 / 50%);
}
Cores nomeadas semelhantes
Orquídea Escura (#9932cc), Violeta Escuro (#9400d3), Azul Ardósia (#6a5acd), Azul Ardósia Médio (#7b68ee), Orquídea Média (#ba55d3), Roxo Médio (#9370db).
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.