Sobre a Pale Violet Red
Pale Violet Red (palevioletred) é um rosa claro e vibrante com o código hex #db7093, ou rgb(219, 112, 147). Em HSL, ela tem matiz de 340°, saturação de 60% e luminosidade de 65%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: palevioletred; em vez do valor hex.
Usando Pale Violet Red em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Pale Violet Red no branco | 3.11 : 1 | somente AA para texto grande |
| Texto Pale Violet Red no preto | 6.75 : 1 | AA |
Em um fundo vermelho violeta pálido, use texto preto (6.75 : 1). O WCAG exige pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Verifique outras combinações com o Verificador de Contraste.
CSS
.element {
color: palevioletred; /* or #db7093 */
background-color: #db7093;
border: 1px solid rgb(219 112 147 / 50%);
}
Cores nomeadas parecidas
Coral Claro (#f08080), Marrom Rosado (#bc8f8f), Salmão Escuro (#e9967a), Salmão (#fa8072), Rosa Forte (#ff69b4), Vermelho Indiano (#cd5c5c).
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.