Sobre a Fumaça Branca
Fumaça Branca (whitesmoke) é um branco bem claro e suave, com o código hex #f5f5f5, ou rgb(245, 245, 245). Em HSL ela fica com matiz de 0°, saturação de 0% e luminosidade de 96%. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: whitesmoke; no lugar do valor hex.
Usando a Fumaça Branca em textos e fundos
| Combinação | Razão de contraste | WCAG |
|---|---|---|
| Texto Fumaça Branca sobre branco | 1.09 : 1 | reprovado |
| Texto Fumaça Branca sobre preto | 19.26 : 1 | AAA |
Em um fundo fumaça branca, use texto em preto (19.26 : 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: whitesmoke; /* or #f5f5f5 */
background-color: #f5f5f5;
border: 1px solid rgb(245 245 245 / 50%);
}
Cores nomeadas semelhantes
Branco Fantasma (#f8f8ff), Rosa Lavanda (#fff0f5), Creme de Menta (#f5fffa), Azul Alice (#f0f8ff), Concha do Mar (#fff5ee), Branco Floral (#fffaf0).
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.