Paleta de Cores

Cor marrom-escuro

Um marrom profundo e clássico, sem puxar muito para o vermelho ou o amarelo. É o nome do dia a dia para a cor do chocolate amargo, do cabelo castanho-escuro e da madeira escura.

Também conhecida como: castanho-escuro.

Abrir no editor

O código HEX da cor marrom-escuro é #654321. Em RGB é rgb(101, 67, 33), em HSL é hsl(30, 51%, 26%) e em CMYK é 0, 34, 67, 60.

Veja na vida real

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

Cores parecidas com marrom-escuro

Café#6F4E37Sépia#704214Tabaco#71563BNogueira#773F1AÚmbria natural#826644Marrom-avermelhado#80461B

Sobre a cor marrom-escuro

O marrom-escuro (#654321) é uma cor quente, escura e de saturação média. Faz parte da família dos marrons. É formada por 101 de vermelho, 67 de verde e 33 de azul (de 0 a 255). É usada principalmente em cabelo, móveis, moda.

Amostra da cor Marrom-escuro com seus tons do claro ao escuro · #654321
Marrom-escuro · #654321

Tons de marrom-escuro: 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

Cores de roupa por estação e estilo80 paletas masculinas e femininas, cada uma com 8 looks para copiar: luxo discreto, praia, montanha, trabalho e mais.Ver paletas de roupa

Harmonias da cor marrom-escuro

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

ComplementarPróximo de: Azul-da-prússia
AnálogasPróximo de: Vinho, Verde-oliva-escuro
TríadePróximo de: Verde-bandeira, Azul-meia-noite
Complementar divididaPróximo de: Verde-petróleo, Azul-meia-noite
TétradePróximo de: Verde-escuro, Azul-da-prússia, Ameixa

Paletas com a cor marrom-escuro

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

Paleta monocromática · Marrom-escuro
Paleta análoga · Marrom-escuro
Paleta complementar · Marrom-escuro
Paleta tríade · Marrom-escuro
Paleta com neutros · Marrom-escuro
Paleta com destaque · Marrom-escuro

Contraste de marrom-escuro com texto

Texto brancoContraste 8.8:1 · AAA
Texto pretoContraste 2.4:1 · Não recomendado

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

Código CSS

:root {
  --marrom-escuro: #654321;
  --marrom-escuro-rgb: 101, 67, 33;
}
.fundo { background-color: var(--marrom-escuro); }
.texto { color: var(--marrom-escuro); }

Cores parecidas com marrom-escuro

ExpressoTaupeGranadaChocolate

Paletas temáticas com esta cor

Mais marrons

MarromCaféChocolateMognoCastanhoCanelaSépiaOcreCarameloCamelMochaCáquiAreiaBegeNudeBronzeTabacoSienaCafé com leiteCastanho-avermelhadoConhaqueAreia-do-desertoExpressoFulvo
Amostra da cor Marrom-escuro com seus tons do claro ao escuro · #654321
Amostra da cor Marrom-escuro com seus tons do claro ao escuro · #654321

Experimente também

Paleta de cores do seu nomeDigite um nome e ganhe sua própria paleta de coresRoleta personalizadaEscreva suas opções e gire a roleta. De cores tambémCaça-níqueis de coresPuxe a alavanca e ganhe uma paleta de cores
Ver todas as ferramentas grátis →

Perguntas frequentes

Qual é o código da cor marrom-escuro?

O código HEX da cor marrom-escuro é #654321. Em RGB é rgb(101, 67, 33), em HSL é hsl(30, 51%, 26%) e em CMYK é 0, 34, 67, 60.

Qual é a cor complementar de marrom-escuro?

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

Dá para usar texto branco sobre a cor marrom-escuro?

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