Paleta de Cores

Cor castanho-avermelhado

Um marrom com bastante vermelho, famoso principalmente como cor de cabelo. Fica entre o castanho e o ruivo, e se você quer uma tinta quente que não chegue ao acobreado, esse é o tom.

Também conhecida como: ruivo-escuro, auburn.

Abrir no editor

O código HEX da cor castanho-avermelhado é #A52A2A. Em RGB é rgb(165, 42, 42), em HSL é hsl(0, 59%, 41%) e em CMYK é 0, 75, 75, 35.

Veja na vida real

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

Cores parecidas com castanho-avermelhado

Rubi#9B111ECarmim#960018Vermelho-tijolo#B22222Sangria#92000ACranberry#9F000FVermelho-sangue#8A0303

Sobre a cor castanho-avermelhado

O castanho-avermelhado (#A52A2A) é uma cor quente, de luminosidade média e de saturação média. Faz parte da família dos marrons. É formada por 165 de vermelho, 42 de verde e 42 de azul (de 0 a 255). É usada principalmente em cabelo, moda, maquiagem.

Amostra da cor Castanho-avermelhado com seus tons do claro ao escuro · #A52A2A
Castanho-avermelhado · #A52A2A

Tons de castanho-avermelhado: 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 castanho-avermelhado: paletas por estação

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

MontanhaInverno · MasculinaOld moneyInverno · Feminina

Harmonias da cor castanho-avermelhado

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

ComplementarPróximo de: Azinhavre
AnálogasPróximo de: Rosa-escuro, Cobre
TríadePróximo de: Verde-floresta, Azul Klein
Complementar divididaPróximo de: Verde-jade, Azul-oceano
TétradePróximo de: Verde-abacate, Azinhavre, Roxo-uva

Paletas com a cor castanho-avermelhado

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

Paleta monocromática · Castanho-avermelhado
Paleta análoga · Castanho-avermelhado
Paleta complementar · Castanho-avermelhado
Paleta tríade · Castanho-avermelhado
Paleta com neutros · Castanho-avermelhado
Paleta com destaque · Castanho-avermelhado

Contraste de castanho-avermelhado com texto

Texto brancoContraste 7.1:1 · AAA
Texto pretoContraste 3.0:1 · Não recomendado

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

Código CSS

:root {
  --castanho-avermelhado: #A52A2A;
  --castanho-avermelhado-rgb: 165, 42, 42;
}
.fundo { background-color: var(--castanho-avermelhado); }
.texto { color: var(--castanho-avermelhado); }

Cores parecidas com castanho-avermelhado

Úmbria queimadaGrenáBorgonhaConhaque

Paletas temáticas com esta cor

Mais marrons

MarromCaféChocolateMognoCastanhoCanelaSépiaOcreCarameloCamelMochaCáquiAreiaBegeNudeBronzeTabacoSienaCafé com leiteConhaqueAreia-do-desertoExpressoFulvoCogumelo
Amostra da cor Castanho-avermelhado com seus tons do claro ao escuro · #A52A2A
Amostra da cor Castanho-avermelhado com seus tons do claro ao escuro · #A52A2A

Experimente também

Paleta de cores do seu nomeDigite um nome e ganhe sua própria paleta de coresCor da sorte de hojeSua cor da sorte do dia de acordo com o signoFormato de rostoDescubra seu formato de rosto, cortes e óculos ideais
Ver todas as ferramentas grátis →

Perguntas frequentes

Qual é o código da cor castanho-avermelhado?

O código HEX da cor castanho-avermelhado é #A52A2A. Em RGB é rgb(165, 42, 42), em HSL é hsl(0, 59%, 41%) e em CMYK é 0, 75, 75, 35.

Qual é a cor complementar de castanho-avermelhado?

A complementar no círculo cromático é #2AA5A5, um tom próximo de azinhavre. Em pequenas doses, funciona como cor de destaque e cria bastante contraste.

Dá para usar texto branco sobre a cor castanho-avermelhado?

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