Paleta de Cores

Cor chocolate

Marrom profundo com um toque avermelhado, como uma barra de chocolate. O cacau é originário da Mesoamérica e o nome vem do náuatle. Aparece em roupas de inverno, embalagens de doces e móveis.

Também conhecida como: marrom-chocolate.

Chocolate · #7B3F00

Sobre a cor chocolate

O chocolate (#7B3F00) é uma cor quente, escura e muito saturada. Faz parte da família dos marrons. É formada por 123 de vermelho, 63 de verde e 0 de azul (de 0 a 255). É usada principalmente em moda, confeitaria, decoração.

Tons de chocolate: claros e escuros

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

Harmonias da cor chocolate

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

ComplementarPróximo de: Ultravioleta
AnálogasPróximo de: Grená, Verde-oliva
TríadePróximo de: Verde-bandeira, Índigo
Complementar divididaPróximo de: Verde-azulado, Azul-marinho
TétradePróximo de: Verde, Ultravioleta, Púrpura

Paletas com a cor chocolate

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

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

Contraste de chocolate com texto

Texto brancoContraste 8.2:1 · AAA
Texto pretoContraste 2.6:1 · Não recomendado

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

Código CSS

:root {
  --chocolate: #7B3F00;
  --chocolate-rgb: 123, 63, 0;
}
.fundo { background-color: var(--chocolate); }
.texto { color: var(--chocolate); }

Cores parecidas com chocolate

MarromSépiaSienaCobreCastanhoFerrugemCaféGrenáBronzeOcre

Paletas temáticas com esta cor

Paletas de cores do Día de Muertos

Mais marrons

MarromCaféMognoCastanhoCanelaSépiaOcreCarameloCamelMochaCáquiAreiaBegeNudeBronzeTabacoSienaCafé com leite

Perguntas frequentes

Qual é o código da cor chocolate?

O código HEX da cor chocolate é #7B3F00. Em RGB é rgb(123, 63, 0), em HSL é hsl(31, 100%, 24%) e em CMYK é 0, 49, 100, 52.

Qual é a cor complementar de chocolate?

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

Dá para usar texto branco sobre a cor chocolate?

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