Sobre o Salmão Claro
Salmão claro (lightsalmon) é um laranja claro e vibrante, com o código hex #ffa07a, ou rgb(255, 160, 122). No HSL, ela fica no matiz de 17°, com 100% de saturação e 74% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: lightsalmon; em vez do valor hex.
Usando o Salmão Claro em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto em Salmão Claro sobre branco | 1.99 : 1 | reprova |
| Texto em Salmão Claro sobre preto | 10.56 : 1 | AAA |
Em um fundo salmão claro, use texto em preto (10.56 : 1). O WCAG exige pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de contraste.
CSS
.element {
color: lightsalmon; /* or #ffa07a */
background-color: #ffa07a;
border: 1px solid rgb(255 160 122 / 50%);
}
Cores com nomes semelhantes
Salmão Escuro (#e9967a), Marrom Arenoso (#f4a460), Salmão (#fa8072), Coral Claro (#f08080), Madeira Clara (#deb887), Bronzeado (#d2b48c).
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.