Sobre o Vermelho Escuro
Vermelho Escuro (darkred) é um vermelho escuro e intenso, com código hex #8b0000, ou rgb(139, 0, 0). Em HSL, ele tem matiz de 0°, saturação de 100% e luminosidade de 27%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: darkred; no lugar do valor hex.
Usando o Vermelho Escuro em textos e fundos
| Combinação | Taxa de contraste | WCAG |
|---|---|---|
| Texto vermelho escuro no branco | 10.01 : 1 | AAA |
| Texto vermelho escuro no preto | 2.10 : 1 | reprova |
Em um fundo vermelho escuro, use texto branco (10.01 : 1). O WCAG pede no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Confira outras combinações com o Verificador de Contraste.
CSS
.element {
color: darkred; /* or #8b0000 */
background-color: #8b0000;
border: 1px solid rgb(139 0 0 / 50%);
}
Cores nomeadas parecidas
Bordô (#800000), Vermelho Tijolo (#b22222), Marrom (#a52a2a), Marrom Sela (#8b4513), Siena (#a0522d), Carmesim (#dc143c).
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.