Sobre o Magenta Escuro
Magenta Escuro (darkmagenta) é um magenta escuro e vibrante, com o código hex #8b008b, ou rgb(139, 0, 139). No HSL, ele fica com matiz de 300°, saturação de 100% e luminosidade de 27%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: darkmagenta; em vez do valor hex.
Usando o Magenta Escuro em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Magenta Escuro no branco | 8.50 : 1 | AAA |
| Texto Magenta Escuro no preto | 2.47 : 1 | falha |
Em um fundo magenta escuro, use texto em branco (8.50 : 1). A WCAG exige pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Verifique outros pares com o Verificador de Contraste.
CSS
.element {
color: darkmagenta; /* or #8b008b */
background-color: #8b008b;
border: 1px solid rgb(139 0 139 / 50%);
}
Cores nomeadas semelhantes
Roxo (#800080), Vermelho Violeta Médio (#c71585), Rebecca Purple (#663399), Índigo (#4b0082), Violeta Escuro (#9400d3), 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.