Código da Cor Fumaça Branca (#f5f5f5)

Fumaça Branca é #f5f5f5 em hex e rgb(245, 245, 245) — um branco bem claro. Abaixo: todos os formatos de cor, tons e sombras, harmonias e o quão legível ela é como texto.

Atualizado em

Fumaça Branca
#f5f5f5
Nome CSSwhitesmoke
Hex#f5f5f5
RGBrgb(245, 245, 245)
HSLhsl(0 0% 96%)
HWBhwb(0 96% 4%)
CMYK0%, 0%, 0%, 4%

Tons e sombras

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çãoRazão de contrasteWCAG
Texto Fumaça Branca sobre branco1.09 : 1reprovado
Texto Fumaça Branca sobre preto19.26 : 1AAA

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).

Perguntas frequentes

Qual é o código hex da fumaça branca?
#f5f5f5 — ou seja, rgb(245, 245, 245) e hsl(0, 0%, 96%). No CSS você também pode simplesmente escrever whitesmoke.
O texto em fumaça branca é legível sobre branco?
Sua razão de contraste sobre branco é 1.09 : 1, o que reprova no WCAG — use para decoração ou sobre um fundo escuro.
Quais cores combinam com a fumaça branca?
A Fumaça Branca é uma cor neutra, então combina com quase qualquer cor; use-a em fundos, bordas e textos ao redor de um destaque mais forte.