Cor Marrom: código #8B4513

Marrom

#8B4513

Códigos da cor

  • HEX#8B4513
  • RGBrgb(139, 69, 19)
  • HSLhsl(25, 76%, 31%)
  • HSVhsv(25, 86%, 55%)
  • CMYKcmyk(0%, 50%, 86%, 45%)
  • LABlab(37.5% 26.4 41)
  • OKLCHoklch(47.1% 0.112 50.9)

Sobre a cor Marrom

Marrom tem o código HEX #8B4513, que corresponde a rgb(139, 69, 19) no modelo RGB. No círculo cromático, seu matiz fica em 25°, com 76% de saturação e 31% de luminosidade (hsl(25, 76%, 31%)).

Pelo matiz, é percebida como uma cor quente: tende a transmitir energia e proximidade e a “avançar” visualmente na composição.

Como fundo, pede texto claro: o branco atinge contraste de 7,09:1 sobre ela, contra 2,95:1 do preto.

Para impressão, a conversão aproximada é cmyk(0%, 50%, 86%, 45%). Confirme sempre com o perfil de cor da gráfica, porque o resultado depende do papel e da tinta.

Tons mais claros

Tons mais escuros

Combinações com Marrom

Complementar

#8B4513 · #13598B

Análoga

#8B131D · #8B4513 · #8B8113

Tríade

#8B4513 · #138B45 · #45138B

Tetrádica

#8B4513 · #1D8B13 · #13598B · #81138B

Complementar dividida

#8B4513 · #138B81 · #131D8B

Monocromática

#1B0D04 · #5E2F0D · #8B4513 · #CE661C · #E78F50

Marrom com texto branco e preto

Texto branco Aa Bb Cc 123
7,09:1 · AAA
Texto preto Aa Bb Cc 123
2,95:1 · não passa na WCAG

Testar outras combinações no verificador de contraste

O que o marrom comunica

O marrom é a cor da terra, da madeira, do couro e do café, e é por isso que costuma ser lido como estável, natural e sem pretensão. No Brasil, a associação com o cafezinho e com móveis de madeira maciça é imediata, o que ajuda a explicar a presença da cor em cafeterias, padarias artesanais e marcas de produtos rurais. Essas leituras, porém, dependem de cultura e contexto: em alguns ambientes o marrom parece acolhedor; em outros, apagado ou antiquado. O guia de psicologia das cores trata dessas variações com mais cuidado.

Vale lembrar que “marrom” não é um ponto único. O HEX de referência aqui, #8B4513, puxa para o avermelhado (matiz de 25°) e fica perto do tom de couro curtido. Um marrom mais frio, perto do cinza, transmite algo bem diferente.

Onde o marrom funciona bem

Com que cores combinar

Algumas duplas que funcionam, do mais sóbrio ao mais ousado:

Para testar variações, monte a combinação no gerador de paletas.

Dica prática: marrom na impressão

Em CMYK, #8B4513 fica em torno de 0% ciano, 50% magenta, 86% amarelo e 45% preto. Marrons impressos costumam sair mais escuros e “sujos” do que na tela, porque dependem muito do preto. Peça prova de cor e, se o tom estiver crítico para a marca, considere uma cor especial (Pantone). Entenda o porquê no guia RGB vs CMYK.

Como texto, o marrom de referência tem contraste de cerca de 7:1 com o branco, suficiente até para o nível AAA da WCAG.

Como usar em CSS

:root {
  --color-brown: #8B4513;
  --color-brown-rgb: 139, 69, 19;
}

.elemento {
  background-color: var(--color-brown);
  color: #FFFFFF;
}

Cores parecidas

Use Marrom nas ferramentas