Código da Cor Marrom (#a52a2a)

Marrom é #a52a2a em hex e rgb(165, 42, 42) — um vermelho médio. Abaixo: todos os formatos de cor, tons e sombras, harmonias e o quão legível ela é como texto.

Atualizado em

Marrom
#a52a2a
Nome CSSbrown
Hex#a52a2a
RGBrgb(165, 42, 42)
HSLhsl(0 59% 41%)
HWBhwb(0 16% 35%)
CMYK0%, 75%, 75%, 35%

Tons e sombras

Harmonias de cores

Sobre o Marrom

Marrom (brown) é um vermelho médio, com saturação moderada, de código hex #a52a2a, ou rgb(165, 42, 42). No HSL, fica em matiz de 0°, 59% de saturação e 41% de luminosidade. É uma das 148 cores nomeadas que todos os navegadores entendem, então você pode escrever color: brown; em vez do valor hex.

Usando o Marrom em textos e fundos

CombinaçãoRazão de contrasteWCAG
Texto marrom no branco7.08 : 1AAA
Texto marrom no preto2.96 : 1reprovado

Em um fundo marrom, use texto em branco (7.08 : 1). O WCAG exige no mínimo 4.5 : 1 para textos corridos e 3 : 1 para textos grandes. Teste outras combinações com o Verificador de Contraste.

CSS

.element {
  color: brown;               /* or #a52a2a */
  background-color: #a52a2a;
  border: 1px solid rgb(165 42 42 / 50%);
}

Cores nomeadas semelhantes

Fire Brick (#b22222), Sienna (#a0522d), Saddle Brown (#8b4513), Crimson (#dc143c), Dark Red (#8b0000), Maroon (#800000).

Perguntas frequentes

Qual é o código hex do marrom?
#a52a2a — que equivale a rgb(165, 42, 42) e hsl(0, 59%, 41%). No CSS, você também pode escrever simplesmente brown.
O texto marrom é legível no branco?
Sua razão de contraste no branco é 7.08 : 1, o que passa no WCAG AA para textos normais.
Quais cores combinam com o marrom?
Sua cor complementar é #2ba6a6; as cores análogas #a62b69 e #a6692b ficam ao lado dela na roda de cores.