Paleta de colores

Color chocolate

Marrón profundo con un toque rojizo, como una tableta de chocolate. El cacao es originario de Mesoamérica y su nombre viene del náhuatl. Se usa en ropa de invierno, empaques de dulces y muebles.

También llamado: café chocolate.

Chocolate · #7B3F00

Datos del color chocolate

El chocolate (#7B3F00) es un color cálido, oscuro y muy saturado. Pertenece a la familia de los marrones. Se mezcla con 123 de rojo, 63 de verde y 0 de azul (sobre 255). Se usa sobre todo en moda, repostería, decoración.

Tonos del chocolate: claros y oscuros

Del más claro al más oscuro. Toca un tono para copiar su código.

Armonías del color chocolate

Combinaciones según el círculo cromático. Más en armonías de color.

ComplementarioCercano a: Ultravioleta
AnálogosCercano a: Granate, Verde oliva
TríadaCercano a: Verde bandera, Índigo
Complementario divididoCercano a: Verde azulado, Azul marino
TétradaCercano a: Verde, Ultravioleta, Púrpura

Paletas con el color chocolate

Copia los códigos o abre la paleta en el editor para ajustarla.

Paleta Monocromática · Chocolate
Paleta Análoga · Chocolate
Paleta Complementaria · Chocolate
Paleta Tríada · Chocolate
Paleta Con neutros · Chocolate
Paleta Con acento · Chocolate

Contraste del chocolate con texto

Texto blancoContraste 8.2:1 · AAA
Texto negroContraste 2.6:1 · No recomendado

Según las pautas WCAG 2.1. Revisa otras parejas en el verificador de contraste.

Código CSS

:root {
  --chocolate: #7B3F00;
  --chocolate-rgb: 123, 63, 0;
}
.fondo { background-color: var(--chocolate); }
.texto { color: var(--chocolate); }

Colores parecidos al chocolate

MarrónSepiaSienaCobreCastañoÓxidoCaféGranateBronceOcre

Paletas temáticas con este color

Paletas de colores del Día de Muertos

Otros marrones

MarrónCaféCaobaCastañoCanelaSepiaOcreCarameloCamelMokaCaquiArenaBeigeNudeBronceTabacoSienaCafé con leche

Preguntas frecuentes

¿Cuál es el código del color chocolate?

El código HEX del color chocolate es #7B3F00. En RGB es rgb(123, 63, 0), en HSL es hsl(31, 100%, 24%) y en CMYK es 0, 49, 100, 52.

¿Qué color es el complementario del chocolate?

Su complementario en el círculo cromático es #003C7B, un tono cercano al ultravioleta. Usado en pequeñas dosis sirve como acento y da mucho contraste.

¿Se puede usar texto blanco sobre el color chocolate?

Sí. El contraste con blanco es 8.2:1, suficiente para texto normal (WCAG AA).