Paleta de Cores

Cor café

Imita o tom de um café torrado já passado. É um marrom médio, quente e acolhedor. É a cor natural para cafeterias, embalagens de grãos e móveis de madeira escura.

Também conhecida como: marrom-café, cor de café.

Café · #6F4E37

Sobre a cor café

O café (#6F4E37) é uma cor quente, de luminosidade média e de saturação média. Faz parte da família dos marrons. É formada por 111 de vermelho, 78 de verde e 55 de azul (de 0 a 255). É usada principalmente em moda, decoração, cafeterias.

Tons de café: claros e escuros

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

Cores que combinam com café

BegeUma cartela terrosa elegante e suave.CremeIlumina o marrom e traz frescor.Azul-celesteContraste frio e fresco, muito atual.Verde-olivaUma combinação natural com cara de outono.Rosa antigoUma dupla suave e acolhedora.Laranja queimadoReforça o estilo retrô e quente.Azul-marinhoElegante e sóbrio.MostardaUm destaque quente bem outonal.
Como usar café em roupas e decoração →

Harmonias da cor café

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

ComplementarPróximo de: Azul-petróleo
AnálogasPróximo de: Vinho, Verde-militar
TríadePróximo de: Verde-garrafa, Ultravioleta
Complementar divididaPróximo de: Verde-pinho, Ultravioleta
TétradePróximo de: Verde-bandeira, Azul-petróleo, Ameixa

Paletas com a cor café

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

Paleta monocromática · Café
Paleta análoga · Café
Paleta complementar · Café
Paleta tríade · Café
Paleta com neutros · Café
Paleta com destaque · Café

Contraste de café com texto

Texto brancoContraste 7.4:1 · AAA
Texto pretoContraste 2.8:1 · Não recomendado

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

Código CSS

:root {
  --cafe: #6F4E37;
  --cafe-rgb: 111, 78, 55;
}
.fundo { background-color: var(--cafe); }
.texto { color: var(--cafe); }

Cores parecidas com café

TabacoTaupeSépiaMochaMarsalaCafé com leiteCinza-escuroCastanhoVinhoVerde-militar

Paletas temáticas com esta cor

Paletas de cores para casamentoPaletas de cores para chá de bebêPaletas de cores para cafeteriaPaletas de cores para salão de beleza e barbeariaPaletas de cores para padaria e confeitariaPaletas de cores para quarto

Mais marrons

MarromChocolateMognoCastanhoCanelaSépiaOcreCarameloCamelMochaCáquiAreiaBegeNudeBronzeTabacoSienaCafé com leite

Perguntas frequentes

Qual é o código da cor café?

O código HEX da cor café é #6F4E37. Em RGB é rgb(111, 78, 55), em HSL é hsl(25, 34%, 33%) e em CMYK é 0, 30, 50, 56.

Qual é a cor complementar de café?

A complementar no círculo cromático é #37586F, um tom próximo de azul-petróleo. Em pequenas doses, funciona como cor de destaque e cria bastante contraste.

Dá para usar texto branco sobre a cor café?

Sim. O contraste com o branco é 7.4:1, suficiente para texto comum (WCAG AA).

Quais cores combinam com café?

Combina bem com bege, creme, azul-celeste, verde-oliva, rosa antigo. Evite juntar com preto se não houver uma cor clara entre os dois, porque o conjunto fica pesado. Cinzas muito frios também tiram o calor da cor.