Sobre o Rosa Choque
Rosa Choque (hotpink) é um rosa claro e vibrante com o código hex #ff69b4, ou rgb(255, 105, 180). No HSL, fica em matiz de 330°, saturação de 100% e luminosidade de 71%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: hotpink; em vez do valor hex.
Usando o Rosa Choque em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Rosa Choque no branco | 2.65 : 1 | reprova |
| Texto Rosa Choque no preto | 7.93 : 1 | AAA |
Em um fundo rosa choque, use texto em preto (7.93 : 1). O WCAG exige pelo menos 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: hotpink; /* or #ff69b4 */
background-color: #ff69b4;
border: 1px solid rgb(255 105 180 / 50%);
}
Cores nomeadas semelhantes
Vermelho Violeta Pálido (#db7093), Orquídea (#da70d6), Coral Claro (#f08080), Violeta (#ee82ee), Salmão (#fa8072), Ameixa (#dda0dd).
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.