Paleta de Cores

Cor canela

Marrom alaranjado que lembra canela em pó. É quente e com cara de especiaria. No CSS aparece como chocolate, embora visualmente esteja mais perto da canela; é usado em tecidos e marcas de confeitaria.

Também conhecida como: cor de canela.

Canela · #D2691E

Sobre a cor canela

O canela (#D2691E) é uma cor quente, de luminosidade média e muito saturada. Faz parte da família dos marrons. É formada por 210 de vermelho, 105 de verde e 30 de azul (de 0 a 255). É usada principalmente em decoração, moda, culinária.

Tons de canela: claros e escuros

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

Harmonias da cor canela

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

ComplementarPróximo de: Azul-francês
AnálogasPróximo de: Vermelho-cereja, Ouro velho
TríadePróximo de: Verde pastel, Roxo
Complementar divididaPróximo de: Turquesa, Roxo
TétradePróximo de: Verde-grama, Azul-francês, Magenta

Paletas com a cor canela

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

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

Contraste de canela com texto

Texto brancoContraste 3.6:1 · AA texto grande
Texto pretoContraste 5.8:1 · AA

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

Código CSS

:root {
  --canela: #D2691E;
  --canela-rgb: 210, 105, 30;
}
.fundo { background-color: var(--canela); }
.texto { color: var(--canela); }

Cores parecidas com canela

Laranja-queimadoOcreBronzeFerrugemMognoCoralAbóboraCenouraTangerinaCobre

Paletas temáticas com esta cor

Paletas de cores para aniversárioPaletas de cores monocromáticasPaletas de cores masculinas

Mais marrons

MarromCaféChocolateMognoCastanhoSépiaOcreCarameloCamelMochaCáquiAreiaBegeNudeBronzeTabacoSienaCafé com leite

Perguntas frequentes

Qual é o código da cor canela?

O código HEX da cor canela é #D2691E. Em RGB é rgb(210, 105, 30), em HSL é hsl(25, 75%, 47%) e em CMYK é 0, 50, 86, 18.

Qual é a cor complementar de canela?

A complementar no círculo cromático é #1E87D2, um tom próximo de azul-francês. Em pequenas doses, funciona como cor de destaque e cria bastante contraste.

Dá para usar texto branco sobre a cor canela?

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