Cor Creme: código #FFFDD0

Creme

#FFFDD0

Códigos da cor

  • HEX#FFFDD0
  • RGBrgb(255, 253, 208)
  • HSLhsl(57, 100%, 91%)
  • HSVhsv(57, 18%, 100%)
  • CMYKcmyk(0%, 1%, 18%, 0%)
  • LABlab(98.5% -6.5 21.8)
  • OKLCHoklch(98.4% 0.058 105.3)

Sobre a cor Creme

Creme tem o código HEX #FFFDD0, que corresponde a rgb(255, 253, 208) no modelo RGB. No círculo cromático, seu matiz fica em 57°, com 100% de saturação e 91% de luminosidade (hsl(57, 100%, 91%)).

Pelo matiz, é percebida como uma cor quente: tende a transmitir energia e proximidade e a “avançar” visualmente na composição.

Como fundo, pede texto escuro: o preto atinge contraste de 20,21:1 sobre ela, contra 1,03:1 do branco.

Para impressão, a conversão aproximada é cmyk(0%, 1%, 18%, 0%). 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 Creme

Complementar

#FFFDD0 · #D1D3FF

Análoga

#FFE6D1 · #FFFDD0 · #EAFFD1

Tríade

#FFFDD0 · #D1FFFD · #FDD1FF

Tetrádica

#FFFDD0 · #D1FFE6 · #D1D3FF · #FFD1EA

Complementar dividida

#FFFDD0 · #D1EAFF · #E6D1FF

Monocromática

#FFF652 · #FFFA9E · #FFFDD0 · #FFFFFF · #FFFFFF

Creme com texto branco e preto

Texto branco Aa Bb Cc 123
1,03:1 · não passa na WCAG
Texto preto Aa Bb Cc 123
20,21:1 · AAA

Testar outras combinações no verificador de contraste

A personalidade do creme

O creme (#FFFDD0) é um amarelo claríssimo, bem mais “colorido” do que o off-white: ao lado de uma folha branca, a diferença salta aos olhos. O nome vem da nata do leite, e as associações seguem nessa linha: suavidade, conforto, algo caseiro ou vintage. Em muitos contextos ocidentais, o creme lembra papel envelhecido, louça antiga e tecidos de algodão cru. Essas leituras são culturais e mudam com o uso: num convite de casamento, o creme sugere tradição; num app, pode parecer apenas “amarelado” se não houver intenção clara.

Creme na prática

Web e interfaces

Funciona como fundo de destaque suave, por exemplo em caixas de aviso, citações ou seções de depoimentos. Evite usar como fundo da página inteira em sites com muitas fotos: o amarelo do fundo altera a percepção das cores das imagens, que podem parecer mais frias por comparação.

Impressão

Livros de ficção são tradicionalmente impressos em papel creme ou pólen, justamente porque o tom reduz o contraste agressivo do branco. Se a sua peça usa papel creme, lembre que as cores CMYK impressas nele vão “puxar” para o quente; o azul fica mais esverdeado, por exemplo. Peça uma prova de cor.

Decoração e moda

Paredes creme aquecem cômodos voltados para o sul (no hemisfério sul, os que recebem menos sol direto). Em roupas, é alternativa mais suave ao branco para quem tem pele mais quente.

Uma paleta a partir do creme

Contraste e modo escuro

Com contraste de 1,04:1 com o branco, texto branco sobre creme é ilegível; use sempre texto escuro, que ultrapassa facilmente os 7:1 do nível AAA. No modo escuro, um fundo creme vira um bloco ofuscante: substitua-o por um marrom muito escuro e use o creme como cor de texto ou de ícones. Valide no verificador de contraste e entenda as diferenças de tela e papel no guia RGB × CMYK.

Como usar em CSS

:root {
  --color-cream: #FFFDD0;
  --color-cream-rgb: 255, 253, 208;
}

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

Cores parecidas

Use Creme nas ferramentas