Sobre o Vermelho Indiano
Vermelho Indiano (indianred) é um vermelho médio, de saturação moderada, com código hexadecimal #cd5c5c, ou rgb(205, 92, 92). No HSL, ele fica no matiz de 0°, com 53% de saturação e 58% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: indianred; no lugar do valor hexadecimal.
Como usar o Vermelho Indiano em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto em Vermelho Indiano sobre branco | 3.98 : 1 | AA apenas para texto grande |
| Texto em Vermelho Indiano sobre preto | 5.28 : 1 | AA |
Sobre um fundo vermelho indiano, use texto em preto (5.28 : 1). A WCAG exige no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de Contraste.
CSS
.element {
color: indianred; /* or #cd5c5c */
background-color: #cd5c5c;
border: 1px solid rgb(205 92 92 / 50%);
}
Cores nomeadas semelhantes
Peru (#cd853f), Tomate (#ff6347), Vermelho Violeta Pálido (#db7093), Salmão (#fa8072), Coral Claro (#f08080), Coral (#ff7f50).
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.