Sobre o Coral Claro
Coral Claro (lightcoral) é um vermelho claro e vibrante, com o código hex #f08080, ou rgb(240, 128, 128). No HSL, ele fica no matiz 0°, com saturação de 79% e luminosidade de 72%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: lightcoral; no lugar do valor hex.
Usando o Coral Claro em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Coral Claro sobre branco | 2.59 : 1 | reprova |
| Texto Coral Claro sobre preto | 8.10 : 1 | AAA |
Em um fundo coral claro, use texto em preto (8.10 : 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: lightcoral; /* or #f08080 */
background-color: #f08080;
border: 1px solid rgb(240 128 128 / 50%);
}
Cores nomeadas semelhantes
Salmão (#fa8072), Salmão Escuro (#e9967a), Vermelho Violeta Pálido (#db7093), Salmão Claro (#ffa07a), Marrom Arenoso (#f4a460), 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.