Sobre Rosy Brown
Rosy Brown (rosybrown) é um vermelho claro e moderadamente saturado, com o código hex #bc8f8f, ou rgb(188, 143, 143). No HSL, ele tem matiz de 0°, 25% de saturação e 65% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: rosybrown; em vez do valor hex.
Usando Rosy Brown em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Rosy Brown sobre branco | 2.81 : 1 | reprova |
| Texto Rosy Brown sobre preto | 7.46 : 1 | AAA |
Em um fundo rosy brown, use texto em preto (7.46 : 1). O WCAG exige pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Verifique outras combinações com o Verificador de Contraste.
CSS
.element {
color: rosybrown; /* or #bc8f8f */
background-color: #bc8f8f;
border: 1px solid rgb(188 143 143 / 50%);
}
Cores nomeadas semelhantes
Cinza Escuro (#a9a9a9), Bronzeado (#d2b48c), Vermelho Violeta Pálido (#db7093), Salmão Escuro (#e9967a), Cáqui Escuro (#bdb76b), Madeira Clara (#deb887).
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.