Sobre o Violeta Escuro
Violeta Escuro (darkviolet) é um roxo médio e vibrante, com o código hex #9400d3, ou rgb(148, 0, 211). No HSL, ele tem matiz de 282°, saturação de 100% e luminosidade de 41%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: darkviolet; em vez do valor hex.
Usando o Violeta Escuro em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Violeta Escuro no branco | 6,56 : 1 | AA |
| Texto Violeta Escuro no preto | 3,20 : 1 | AA apenas para texto grande |
Em um fundo violeta escuro, use texto branco (6,56 : 1). O WCAG exige pelo menos 4,5 : 1 para textos de corpo e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de Contraste.
CSS
.element {
color: darkviolet; /* or #9400d3 */
background-color: #9400d3;
border: 1px solid rgb(148 0 211 / 50%);
}
Nomes de cores semelhantes
Azul Violeta (#8a2be2), Orquídea Escura (#9932cc), Magenta Escuro (#8b008b), Roxo (#800080), Rebecca Purple (#663399), Orquídea Média (#ba55d3).
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.