Sobre a Papaya Whip
Papaya Whip (papayawhip) é um laranja muito claro e vibrante, com o código hex #ffefd5, ou rgb(255, 239, 213). No HSL, ela tem matiz de 37°, saturação de 100% e luminosidade de 92%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: papayawhip; em vez do valor hex.
Usando a Papaya Whip em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Papaya Whip no branco | 1.13 : 1 | reprova |
| Texto Papaya Whip no preto | 18.56 : 1 | AAA |
Em um fundo papaya whip, use texto em preto (18.56 : 1). O WCAG exige no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Verifique outras combinações com o Verificador de Contraste.
CSS
.element {
color: papayawhip; /* or #ffefd5 */
background-color: #ffefd5;
border: 1px solid rgb(255 239 213 / 50%);
}
Cores nomeadas semelhantes
Branco Antigo (#faebd7), Amêndoa Branqueada (#ffebcd), Seda de Milho (#fff8dc), Amarelo Vara-de-Ouro Claro (#fafad2), Bege (#f5f5dc), Chiffon de Limão (#fffacd).
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.