Paleta de Cores

Cor branco-fumaça

Branco com um toque bem leve de cinza. No CSS se chama whitesmoke. É útil como fundo de interfaces porque cansa menos a vista que o branco puro.

Também conhecida como: whitesmoke.

Branco-fumaça · #F5F5F5

Sobre a cor branco-fumaça

O branco-fumaça (#F5F5F5) é uma cor neutra, clara e quase sem saturação. Faz parte da família dos brancos. É formada por 245 de vermelho, 245 de verde e 245 de azul (de 0 a 255). É usada principalmente em web, design gráfico.

Tons de branco-fumaça: claros e escuros

Do mais claro ao mais escuro. Toque em um tom para copiar o código.

Harmonias da cor branco-fumaça

Combinações baseadas no círculo cromático. Veja mais em harmonia de cores.

Complementar
Análogas
Tríade
Complementar dividida
Tétrade

Paletas com a cor branco-fumaça

Copie os códigos ou abra a paleta no editor para ajustá-la.

Paleta monocromática · Branco-fumaça
Paleta análoga · Branco-fumaça
Paleta complementar · Branco-fumaça
Paleta tríade · Branco-fumaça
Paleta com neutros · Branco-fumaça
Paleta com destaque · Branco-fumaça

Contraste de branco-fumaça com texto

Texto brancoContraste 1.1:1 · Não recomendado
Texto pretoContraste 19.3:1 · AAA

Segundo as diretrizes WCAG 2.1. Teste outras combinações no verificador de contraste.

Código CSS

:root {
  --branco-fumaca: #F5F5F5;
  --branco-fumaca-rgb: 245, 245, 245;
}
.fundo { background-color: var(--branco-fumaca); }
.texto { color: var(--branco-fumaca); }

Cores parecidas com branco-fumaça

Off-whiteBranco-neveBrancoPlatinaLinhoAlabastroMarfimCasca de ovoCruCinza-claro

Paletas temáticas com esta cor

Paletas de cores para casamentoPaletas de cores para batizadoPaletas de cores para aniversárioPaletas de cores para chá de bebêPaletas de cores para festa de 15 anosPaletas de cores para formatura

Mais brancos

BrancoMarfimCremeBranco-ossoOff-whiteBranco-nevePérolaAlabastroLinhoBaunilhaCasca de ovoBranco antigoCru

Perguntas frequentes

Qual é o código da cor branco-fumaça?

O código HEX da cor branco-fumaça é #F5F5F5. Em RGB é rgb(245, 245, 245), em HSL é hsl(0, 0%, 96%) e em CMYK é 0, 0, 0, 4.

Qual é a cor complementar de branco-fumaça?

A complementar no círculo cromático é #F5F5F5, um tom próximo de branco-fumaça. Em pequenas doses, funciona como cor de destaque e cria bastante contraste.

Dá para usar texto branco sobre a cor branco-fumaça?

Melhor usar texto preto: o contraste com o branco é só 1.1:1, enquanto com o preto é 19.3:1.