Sobre o Peru
Peru (peru) é um laranja médio, de saturação moderada, com o código hex #cd853f, ou rgb(205, 133, 63). No HSL, ele tem matiz de 30°, saturação de 59% e luminosidade de 53%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: peru; no lugar do valor hex.
Usando o Peru em textos e fundos
| Combinação | Taxa de contraste | WCAG |
|---|---|---|
| Texto Peru no branco | 2.99 : 1 | reprovado |
| Texto Peru no preto | 7.02 : 1 | AAA |
Em um fundo peru, use texto em preto (7.02 : 1). O WCAG exige no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Confira outros pares com o Verificador de Contraste.
CSS
.element {
color: peru; /* or #cd853f */
background-color: #cd853f;
border: 1px solid rgb(205 133 63 / 50%);
}Cores nomeadas semelhantes
Chocolate (#d2691e), Goldenrod (#daa520), Vermelho Indiano (#cd5c5c), Coral (#ff7f50), Goldenrod Escuro (#b8860b), Marrom Arenoso (#f4a460).
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.