Color Marrón: código #8B4513

Marrón

#8B4513

Códigos del color

  • HEX#8B4513
  • RGBrgb(139, 69, 19)
  • HSLhsl(25, 76%, 31%)
  • HSVhsv(25, 86%, 55%)
  • CMYKcmyk(0%, 50%, 86%, 45%)
  • LABlab(37.5% 26.4 41)
  • OKLCHoklch(47.1% 0.112 50.9)

Sobre el color Marrón

Marrón tiene el código HEX #8B4513, que corresponde a rgb(139, 69, 19) en el modelo RGB. En el círculo cromático, su tono está en 25°, con 76% de saturación y 31% de luminosidad (hsl(25, 76%, 31%)).

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 7,09:1 sobre él, frente a 2,95:1 del negro.

Para impresión, la conversión aproximada es cmyk(0%, 50%, 86%, 45%). 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 Marrón

Complementaria

#8B4513 · #13598B

Análoga

#8B131D · #8B4513 · #8B8113

Tríada

#8B4513 · #138B45 · #45138B

Tetrádica

#8B4513 · #1D8B13 · #13598B · #81138B

Complementaria dividida

#8B4513 · #138B81 · #131D8B

Monocromática

#1B0D04 · #5E2F0D · #8B4513 · #CE661C · #E78F50

Marrón con texto blanco y negro

Texto blanco Aa Bb Cc 123
7,09:1 · AAA
Texto negro Aa Bb Cc 123
2,95:1 · no cumple WCAG

Prueba otras combinaciones en el verificador de contraste

Qué transmite el marrón

El marrón es el color de la tierra, la madera, el cuero y el café, así que suele leerse como estable, natural y sin pretensiones. Por eso aparece tanto en cafeterías, panaderías artesanales, productos de campo y marcas que quieren parecer hechas a mano. Estas asociaciones dependen de la cultura y el contexto: en un espacio el marrón resulta cálido y cercano; en otro, apagado o anticuado. La guía de psicología del color explica cuánto de esto es aprendido.

Además, “marrón” (o café, como se dice en varios países de América Latina) es una familia, no un punto. El HEX de referencia, #8B4513, tira a rojizo (matiz de 25°), cerca del cuero curtido. Un marrón más frío, casi gris, comunica algo muy distinto.

Dónde funciona bien el marrón

Con qué colores combinarlo

De lo más sobrio a lo más atrevido:

Prueba tus propias variantes en el generador de paletas de colores.

Consejo práctico: el marrón en impresión

En CMYK, #8B4513 queda en torno a 0% cian, 50% magenta, 86% amarillo y 45% negro. Los marrones impresos suelen salir más oscuros y “sucios” que en pantalla porque dependen mucho de la tinta negra. Pide una prueba de color y, si el tono es clave para la marca, considera una tinta directa (Pantone). La guía RGB vs CMYK explica el motivo.

Como color de texto, el marrón de referencia tiene un contraste de aproximadamente 7:1 con el blanco, suficiente incluso para el nivel AAA de WCAG.

Cómo usarlo en CSS

:root {
  --color-brown: #8B4513;
  --color-brown-rgb: 139, 69, 19;
}

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

Colores parecidos

Usa Marrón en nuestras herramientas