Color Chocolate: código #7B3F00

Chocolate

#7B3F00

Códigos del color

  • 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 el color Chocolate

Chocolate tiene el código HEX #7B3F00, que corresponde a rgb(123, 63, 0) en el modelo RGB. En el círculo cromático, su tono está en 31°, con 100% de saturación y 24% de luminosidad (hsl(31, 100%, 24%)).

Por su tono se percibe como un color cálido: suele transmitir energía y cercanía y «avanza» visualmente en la composición.

Como fondo pide texto claro: el blanco alcanza un contraste de 8,22:1 sobre él, frente a 2,55:1 del negro.

Para impresión, la conversión aproximada es cmyk(0%, 49%, 100%, 52%). Confírmala siempre con el perfil de color de la imprenta, porque el resultado depende del papel y la tinta.

Tonos más claros

Tonos más oscuros

Combinaciones con Chocolate

Complementaria

#7B3F00 · #003B7A

Análoga

#7A0200 · #7B3F00 · #787A00

Tríada

#7B3F00 · #007A3F · #3F007A

Tetrádica

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

Complementaria dividida

#7B3F00 · #00787A · #02007A

Monocromática

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

Chocolate con texto blanco y negro

Texto blanco Aa Bb Cc 123
8,22:1 · AAA
Texto negro Aa Bb Cc 123
2,55:1 · no cumple WCAG

Prueba otras combinaciones en el verificador de contraste

Cómo usarlo en CSS

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

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