Paleta de Cores

Cor off-white

É um branco com uma pitada de outra cor para tirar a frieza. Fica mais suave que o branco puro. É comum em paredes, roupas básicas e fundos de sites.

Também conhecida como: branco-quebrado, gelo.

Off-white · #FAF9F6

Sobre a cor off-white

O off-white (#FAF9F6) é uma cor quente, clara e suave e apagada. Faz parte da família dos brancos. É formada por 250 de vermelho, 249 de verde e 246 de azul (de 0 a 255). É usada principalmente em decoração, moda, web.

Tons de off-white: claros e escuros

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

Cores que combinam com off-white

PretoContraste elegante e menos duro que com branco.Marrom-caféUma cartela quente e natural.Verde-olivaUm estilo descontraído e natural.Azul-marinhoElegante e clássico.TerracotaCalor mediterrâneo.CinzaUma mistura neutra e moderna.CarameloTom sobre tom suave e elegante.DouradoUm toque de luxo discreto.
Como usar off-white em roupas e decoração →

Harmonias da cor off-white

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

ComplementarPróximo de: Branco-fumaça
Análogas
TríadePróximo de: Branco-fumaça
Complementar divididaPróximo de: Branco-fumaça
TétradePróximo de: Branco-fumaça, Branco-neve

Paletas com a cor off-white

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

Paleta monocromática · Off-white
Paleta análoga · Off-white
Paleta complementar · Off-white
Paleta tríade · Off-white
Paleta com neutros · Off-white
Paleta com destaque · Off-white

Contraste de off-white com texto

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

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

Código CSS

:root {
  --off-white: #FAF9F6;
  --off-white-rgb: 250, 249, 246;
}
.fundo { background-color: var(--off-white); }
.texto { color: var(--off-white); }

Cores parecidas com off-white

Branco-fumaçaBranco-neveBrancoLinhoMarfimAlabastroPlatinaCasca de ovoBranco antigoCru

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-ossoBranco-nevePérolaAlabastroLinhoBranco-fumaçaBaunilhaCasca de ovoBranco antigoCru

Perguntas frequentes

Qual é o código da cor off-white?

O código HEX da cor off-white é #FAF9F6. Em RGB é rgb(250, 249, 246), em HSL é hsl(45, 29%, 97%) e em CMYK é 0, 0, 2, 2.

Qual é a cor complementar de off-white?

A complementar no círculo cromático é #F6F7FA, 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 off-white?

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

Quais cores combinam com off-white?

Combina bem com preto, marrom-café, verde-oliva, azul-marinho, terracota. Evite juntar com branco puro, porque o off-white parece sujo ao lado. Com amarelos claros, ele se confunde.