Paleta de Cores

Cor marrom-claro

Um marrom suave e médio-claro, como café com bastante leite ou madeira clara. É uma das cores mais buscadas para cabelo, maquiagem, móveis e roupas do dia a dia.

Também conhecida como: castanho-claro.

Abrir no editor

O código HEX da cor marrom-claro é #C4A484. Em RGB é rgb(196, 164, 132), em HSL é hsl(30, 35%, 64%) e em CMYK é 0, 16, 33, 23.

Veja na vida real

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

Cores parecidas com marrom-claro

Cáqui#C3B091Bronzeado#D2B48CNude#E3BC9ACamel#C19A6BAreia#C2B280Areia-do-deserto#EDC9AF

Sobre a cor marrom-claro

O marrom-claro (#C4A484) é uma cor quente, de luminosidade média e de saturação média. Faz parte da família dos marrons. É formada por 196 de vermelho, 164 de verde e 132 de azul (de 0 a 255). É usada principalmente em cabelo, decoração, moda.

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

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

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

ComplementarPróximo de: Cinza-azulado
AnálogasPróximo de: Rosa antigo, Areia
TríadePróximo de: Verde-água, Glicínia
Complementar divididaPróximo de: Verde-água, Azul-centáurea
TétradePróximo de: Verde-pistache, Cinza-azulado, Glicínia

Paletas com a cor marrom-claro

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

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

Contraste de marrom-claro com texto

Texto brancoContraste 2.3:1 · Não recomendado
Texto pretoContraste 9.0:1 · AAA

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

Código CSS

:root {
  --marrom-claro: #C4A484;
  --marrom-claro-rgb: 196, 164, 132;
}
.fundo { background-color: var(--marrom-claro); }
.texto { color: var(--marrom-claro); }

Cores parecidas com marrom-claro

CogumeloGreigeCafé com leiteCinza quente

Paletas temáticas com esta cor

Mais marrons

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

Experimente também

Paleta de cores do seu nomeDigite um nome e ganhe sua própria paleta de coresCaça-níqueis de coresPuxe a alavanca e ganhe uma paleta de coresAquário de coresAquário 3D relaxante com as suas paletas
Ver todas as ferramentas grátis →

Perguntas frequentes

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

O código HEX da cor marrom-claro é #C4A484. Em RGB é rgb(196, 164, 132), em HSL é hsl(30, 35%, 64%) e em CMYK é 0, 16, 33, 23.

Qual é a cor complementar de marrom-claro?

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

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

Melhor usar texto preto: o contraste com o branco é só 2.3:1, enquanto com o preto é 9.0:1.