Sobre o Vermelho Tijolo
Vermelho Tijolo (firebrick) é um vermelho médio e vibrante, com o código hexadecimal #b22222, ou rgb(178, 34, 34). No HSL, ele fica no matiz 0°, com 68% de saturação e 42% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: firebrick; no lugar do valor hex.
Usando o Vermelho Tijolo em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Vermelho Tijolo sobre branco | 6.68 : 1 | AA |
| Texto Vermelho Tijolo sobre preto | 3.14 : 1 | AA apenas para texto grande |
Em um fundo vermelho tijolo, use texto em branco (6.68 : 1). A WCAG exige pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Confira outras combinações no Verificador de Contraste.
CSS
.element {
color: firebrick; /* or #b22222 */
background-color: #b22222;
border: 1px solid rgb(178 34 34 / 50%);
}
Cores nomeadas semelhantes
Marrom (#a52a2a), Carmesim (#dc143c), Terra Siena (#a0522d), Marrom Sela (#8b4513), Vermelho Escuro (#8b0000), Bordô (#800000).
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.