Sobre a cor Tan
Tan (tan) é um laranja claro e moderadamente saturado, com o código hex #d2b48c, ou rgb(210, 180, 140). Em HSL, ele tem matiz de 34°, 44% de saturação e 69% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: tan; em vez do valor hex.
Usando Tan em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto tan sobre branco | 1.97 : 1 | reprova |
| Texto tan sobre preto | 10.65 : 1 | AAA |
Sobre um fundo tan, use texto preto (10.65 : 1). O WCAG exige no mínimo 4.5 : 1 para textos de corpo e 3 : 1 para textos grandes. Verifique outras combinações com o Verificador de contraste.
CSS
.element {
color: tan; /* or #d2b48c */
background-color: #d2b48c;
border: 1px solid rgb(210 180 140 / 50%);
}Cores nomeadas semelhantes
Burly Wood (#deb887), Cáqui Escuro (#bdb76b), Salmão Escuro (#e9967a), Marrom Rosado (#bc8f8f), Cinza Escuro (#a9a9a9), Salmão Claro (#ffa07a).
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.