Sobre a cor Peach Puff
Peach Puff (peachpuff) é um laranja muito claro e vibrante, com o código hex #ffdab9, ou rgb(255, 218, 185). Em HSL, ela fica com matiz de 28°, saturação de 100% e luminosidade de 86%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: peachpuff; no lugar do valor hex.
Usando Peach Puff em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Peach Puff sobre branco | 1.31 : 1 | reprova |
| Texto Peach Puff sobre preto | 15.98 : 1 | AAA |
Sobre um fundo peach puff, use texto em preto (15.98 : 1). O WCAG pede pelo menos 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Confira outros pares com o Verificador de Contraste.
CSS
.element {
color: peachpuff; /* or #ffdab9 */
background-color: #ffdab9;
border: 1px solid rgb(255 218 185 / 50%);
}
Cores nomeadas parecidas
Mocassim (#ffe4b5), Trigo (#f5deb3), Branco Navajo (#ffdead), Bisque (#ffe4c4), Amêndoa Branqueada (#ffebcd), Solidago Pálido (#eee8aa).
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.