Paleta de Cores

Cor expresso

Um marrom muito escuro e profundo, como uma dose de café expresso. Quase parece preto, mas é mais quente, e é um dos acabados favoritos para móveis, pisos e armários de cozinha.

Também conhecida como: marrom-expresso, café expresso.

Abrir no editor

O código HEX da cor expresso é #4E312D. Em RGB é rgb(78, 49, 45), em HSL é hsl(7, 27%, 24%) e em CMYK é 0, 37, 42, 69.

Veja na vida real

Escolha uma cor para combinar e veja como fica em roupas, decoração e design.

Cores parecidas com expresso

Taupe#483C32Azeviche#343434Berinjela#614051Cinza Oxford#3A3B3CÔnix#353839Granada#733635

Sobre a cor expresso

O expresso (#4E312D) é uma cor quente, escura e suave e apagada. Faz parte da família dos marrons. É formada por 78 de vermelho, 49 de verde e 45 de azul (de 0 a 255). É usada principalmente em móveis, decoração, moda.

Amostra da cor Expresso com seus tons do claro ao escuro · #4E312D
Expresso · #4E312D

Tons de expresso: claros e escuros

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

Veja todos os tons: Gerador de escala de cores

Roupa na cor expresso: paletas por estação

Combinações de roupa com expresso ou um tom bem parecido, com 8 looks para copiar em cada uma.

Luxo discretoOutono · MasculinaNoiteOutono · MasculinaBohoInverno · MasculinaLuxo discretoInverno · Masculina

Harmonias da cor expresso

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

ComplementarPróximo de: Cinza-carvão
AnálogasPróximo de: Berinjela, Taupe
TríadePróximo de: Verde-caçador, Roxo-escuro
Complementar divididaPróximo de: Verde-petróleo, Cinza-carvão

Paletas com a cor expresso

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

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

Contraste de expresso com texto

Texto brancoContraste 11.7:1 · AAA
Texto pretoContraste 1.8:1 · Não recomendado

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

Código CSS

:root {
  --expresso: #4E312D;
  --expresso-rgb: 78, 49, 45;
}
.fundo { background-color: var(--expresso); }
.texto { color: var(--expresso); }

Cores parecidas com expresso

CaféVinhoAntraciteGrafite

Paletas temáticas com esta cor

Mais marrons

MarromCaféChocolateMognoCastanhoCanelaSépiaOcreCarameloCamelMochaCáquiAreiaBegeNudeBronzeTabacoSienaCafé com leiteCastanho-avermelhadoConhaqueAreia-do-desertoFulvoCogumelo
Amostra da cor Expresso com seus tons do claro ao escuro · #4E312D
Amostra da cor Expresso com seus tons do claro ao escuro · #4E312D

Experimente também

Paleta de cores do seu nomeDigite um nome e ganhe sua própria paleta de coresColoração pessoal por selfieDescubra sua estação e suas melhores cores com uma fotoQual é a cor da sua voz?Fale por 5 segundos e transforme sua voz em uma cor
Ver todas as ferramentas grátis →

Perguntas frequentes

Qual é o código da cor expresso?

O código HEX da cor expresso é #4E312D. Em RGB é rgb(78, 49, 45), em HSL é hsl(7, 27%, 24%) e em CMYK é 0, 37, 42, 69.

Qual é a cor complementar de expresso?

A complementar no círculo cromático é #2D4A4E, um tom próximo de cinza-carvão. Em pequenas doses, funciona como cor de destaque e cria bastante contraste.

Dá para usar texto branco sobre a cor expresso?

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