Cor Off-white: código #FAF9F6

Off-white

#FAF9F6

Códigos da cor

  • HEX#FAF9F6
  • RGBrgb(250, 249, 246)
  • HSLhsl(45, 29%, 97%)
  • HSVhsv(45, 2%, 98%)
  • CMYKcmyk(0%, 0%, 2%, 2%)
  • LABlab(97.9% -0.2 1.6)
  • OKLCHoklch(98.2% 0.004 91.5)

Sobre a cor Off-white

Off-white tem o código HEX #FAF9F6, que corresponde a rgb(250, 249, 246) no modelo RGB. No círculo cromático, seu matiz fica em 45°, com 29% de saturação e 97% de luminosidade (hsl(45, 29%, 97%)).

Com saturação muito baixa (ou luminosidade extrema), funciona como cor neutra, fácil de combinar com praticamente qualquer outra.

Como fundo, pede texto escuro: o preto atinge contraste de 19,94:1 sobre ela, contra 1,05:1 do branco.

Para impressão, a conversão aproximada é cmyk(0%, 0%, 2%, 2%). Confirme sempre com o perfil de cor da gráfica, porque o resultado depende do papel e da tinta.

Tons mais claros

Tons mais escuros

Combinações com Off-white

Complementar

#FAF9F6 · #F5F6FA

Análoga

#FAF6F5 · #FAF9F6 · #F8FAF5

Tríade

#FAF9F6 · #F5FAF8 · #F8F5FA

Tetrádica

#FAF9F6 · #F5FAF6 · #F5F6FA · #FAF5F8

Complementar dividida

#FAF9F6 · #F5F8FA · #F6F5FA

Monocromática

#CCC2A3 · #E7E3D4 · #FAF9F6 · #FFFFFF · #FFFFFF

Off-white com texto branco e preto

Texto branco Aa Bb Cc 123
1,05:1 · não passa na WCAG
Texto preto Aa Bb Cc 123
19,94:1 · AAA

Testar outras combinações no verificador de contraste

Um branco que não é branco

Off-white é qualquer branco levemente “fora” do branco puro, com um mínimo de cor misturada. O tom desta página, #FAF9F6 (rgb(250, 249, 246)), tem um pouco menos de azul que de vermelho, o que o deixa sutilmente quente. A diferença para o branco é pequena em números, mas perceptível ao lado dele, especialmente em telas grandes. Ao contrário de beige ou ivory, off-white não é uma cor nomeada do CSS: cada marca, fabricante de tinta ou designer define o seu.

Off-white, creme, bege e marfim lado a lado

CorHEXRGBCaráter
Branco#FFFFFF255, 255, 255neutro, brilho máximo
Off-white#FAF9F6250, 249, 246quase branco, levemente quente
Marfim (ivory)#FFFFF0255, 255, 240branco amarelado bem sutil
Creme#FFFDD0255, 253, 208amarelo-claro evidente
Bege#F5F5DC245, 245, 220mais escuro, esverdeado

Onde usar

Na web, o off-white é uma escolha frequente para o fundo de sites editoriais, blogs e portfólios: ele suaviza o brilho do branco puro e dá sensação de papel, sem parecer “sujo”. Em identidade visual, cria uma base mais sofisticada para logotipos escuros. Na decoração, é o “branco” que a maioria das tintas vende como neutro quente, porque o branco absoluto tende a parecer frio e hospitalar em ambientes com pouca luz natural. Na moda, peças off-white parecem mais caras e combinam com praticamente tudo.

Algumas combinações seguras: cinza-chumbo (#36454F) para texto, verde-esmeralda (#50C878) como destaque, vinho (#722F37) para títulos e nude (#E3BC9A) em blocos secundários.

Dica: contraste e modo escuro

Texto sobre off-white segue as mesmas regras do branco: use cores escuras, nunca texto branco (o contraste é 1,05:1). O preto puro sobre #FAF9F6 chega a quase 20:1; muitos designers preferem um cinza escuro para suavizar. Para separar cartões brancos de um fundo off-white, a diferença é tão pequena que uma borda fina ajuda. No modo escuro, o off-white vira a cor do texto sobre fundos grafite, com menos brilho que o branco puro. Teste no verificador de contraste e veja mais sobre fundos no guia de paleta de cores para sites.

Como usar em CSS

:root {
  --color-off-white: #FAF9F6;
  --color-off-white-rgb: 250, 249, 246;
}

.elemento {
  background-color: var(--color-off-white);
  color: #000000;
}

Cores parecidas

Use Off-white nas ferramentas