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