Cor Chocolate: código #7B3F00

Chocolate

#7B3F00

Códigos da cor

  • HEX#7B3F00
  • RGBrgb(123, 63, 0)
  • HSLhsl(31, 100%, 24%)
  • HSVhsv(31, 100%, 48%)
  • CMYKcmyk(0%, 49%, 100%, 52%)
  • LABlab(33.5% 22.3 43.8)
  • OKLCHoklch(43.5% 0.105 57)

Sobre a cor Chocolate

Chocolate tem o código HEX #7B3F00, que corresponde a rgb(123, 63, 0) no modelo RGB. No círculo cromático, seu matiz fica em 31°, com 100% de saturação e 24% de luminosidade (hsl(31, 100%, 24%)).

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 8,22:1 sobre ela, contra 2,55:1 do preto.

Para impressão, a conversão aproximada é cmyk(0%, 49%, 100%, 52%). 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 Chocolate

Complementar

#7B3F00 · #003B7A

Análoga

#7A0200 · #7B3F00 · #787A00

Tríade

#7B3F00 · #007A3F · #3F007A

Tetrádica

#7B3F00 · #007A02 · #003B7A · #7A0078

Complementar dividida

#7B3F00 · #00787A · #02007A

Monocromática

#000000 · #472500 · #7B3F00 · #C76700 · #FF8E14

Chocolate com texto branco e preto

Texto branco Aa Bb Cc 123
8,22:1 · AAA
Texto preto Aa Bb Cc 123
2,55:1 · não passa na WCAG

Testar outras combinações no verificador de contraste

Como usar em CSS

:root {
  --color-chocolate: #7B3F00;
  --color-chocolate-rgb: 123, 63, 0;
}

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