Sobre o Branco Antigo
Antique White (antiquewhite) é um laranja muito claro e vibrante, com o código hex #faebd7, ou rgb(250, 235, 215). No HSL ele fica no matiz de 34°, com 78% de saturação e 91% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: antiquewhite; no lugar do valor hex.
Usando o Branco Antigo em textos e fundos
| Par | Razão de contraste | WCAG |
|---|---|---|
| Texto Branco Antigo sobre branco | 1.17 : 1 | reprova |
| Texto Branco Antigo sobre preto | 17.93 : 1 | AAA |
Em um fundo branco antigo, use texto em preto (17.93 : 1). O WCAG pede pelo menos 4.5 : 1 para textos de corpo e 3 : 1 para textos grandes. Teste outros pares com o Verificador de Contraste.
CSS
.element {
color: antiquewhite; /* or #faebd7 */
background-color: #faebd7;
border: 1px solid rgb(250 235 215 / 50%);
}
Cores nomeadas semelhantes
Branco Papaia (#ffefd5), Amêndoa Clara (#ffebcd), Bege (#f5f5dc), Rosa Nebuloso (#ffe4e1), Seda de Milho (#fff8dc), Amarelo Vara-de-Ouro Claro (#fafad2).
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.