Sobre o Marrom
Marrom (maroon) é um vermelho escuro e vívido com o código hex #800000, ou rgb(128, 0, 0). Em HSL, ele fica com matiz de 0°, saturação de 100% e luminosidade de 25%. Ele é uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: maroon; em vez do valor hex.
Usando o Marrom em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto marrom sobre branco | 10.95 : 1 | AAA |
| Texto marrom sobre preto | 1.92 : 1 | reprova |
Em um fundo marrom, use texto branco (10.95 : 1). O WCAG exige no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Verifique outras combinações com o Verificador de Contraste.
CSS
.element {
color: maroon; /* or #800000 */
background-color: #800000;
border: 1px solid rgb(128 0 0 / 50%);
}Cores nomeadas semelhantes
Vermelho Escuro (#8b0000), Tijolo Refratário (#b22222), Marrom (#a52a2a), Marrom Sela (#8b4513), Terra 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.