Sobre a cor Sienna
Sienna (sienna) é um laranja médio, com saturação moderada, de código hexadecimal #a0522d, ou rgb(160, 82, 45). No HSL, ela fica com matiz de 19°, 56% de saturação e 40% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: sienna; em vez do valor hex.
Usando a Sienna em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto sienna no branco | 5.62 : 1 | AA |
| Texto sienna no preto | 3.74 : 1 | AA apenas para texto grande |
Em um fundo sienna, use texto branco (5.62 : 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: sienna; /* or #a0522d */
background-color: #a0522d;
border: 1px solid rgb(160 82 45 / 50%);
}
Cores nomeadas semelhantes
Marrom-sela (#8b4513), Marrom (#a52a2a), Vermelho-tijolo (#b22222), Chocolate (#d2691e), Vermelho indiano (#cd5c5c), Vara-de-ouro escuro (#b8860b).
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.