Cor Marrom-claro: código #B5651D

Marrom-claro

#B5651D

Códigos da cor

  • HEX#B5651D
  • RGBrgb(181, 101, 29)
  • HSLhsl(28, 72%, 41%)
  • HSVhsv(28, 84%, 71%)
  • CMYKcmyk(0%, 44%, 84%, 29%)
  • LABlab(51% 27.2 51.2)
  • OKLCHoklch(58.7% 0.13 56.8)

Sobre a cor Marrom-claro

Marrom-claro tem o código HEX #B5651D, que corresponde a rgb(181, 101, 29) no modelo RGB. No círculo cromático, seu matiz fica em 28°, com 72% de saturação e 41% de luminosidade (hsl(28, 72%, 41%)).

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 escuro: o preto atinge contraste de 4,84:1 sobre ela, contra 4,33:1 do branco.

Para impressão, a conversão aproximada é cmyk(0%, 44%, 84%, 29%). 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-claro

Complementar

#B5651D · #1D6EB4

Análoga

#B41D22 · #B5651D · #B4AF1D

Tríade

#B5651D · #1DB464 · #641DB4

Tetrádica

#B5651D · #22B41D · #1D6EB4 · #AF1DB4

Complementar dividida

#B5651D · #1DB4AF · #1D22B4

Monocromática

#46270B · #884B16 · #B5651D · #E0893E · #EAB280

Marrom-claro com texto branco e preto

Texto branco Aa Bb Cc 123
4,33:1 · só texto grande
Texto preto Aa Bb Cc 123
4,84:1 · AA

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-light-brown: #B5651D;
  --color-light-brown-rgb: 181, 101, 29;
}

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