Paleta de colores

Color marrón

Es el color base de la tierra, la madera y el cuero. En gran parte de Latinoamérica se le dice café y en España marrón, palabra que viene del francés marron, castaña. Transmite estabilidad y cercanía.

También llamado: café (Latinoamérica), castaño, carmelita (Cuba).

Marrón · #964B00

Datos del color marrón

El marrón (#964B00) es un color cálido, oscuro y muy saturado. Pertenece a la familia de los marrones. Se mezcla con 150 de rojo, 75 de verde y 0 de azul (sobre 255). Se usa sobre todo en moda, decoración, branding.

Tonos del marrón: claros y oscuros

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

Colores que combinan con el marrón

BeigeUna paleta tierra suave y armoniosa.BlancoAporta luz y limpieza al marrón.Azul denimEl clásico de jeans con cuero marrón.Verde bosqueUna combinación natural, como un bosque.NaranjaSu pariente cálido, ideal para otoño.Rosa paloSuaviza el marrón con un toque romántico.TurquesaUn contraste fresco de estilo étnico.CremaUn dúo cálido y luminoso.
Cómo combinar el marrón en ropa y decoración →

Armonías del color marrón

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

ComplementarioCercano a: Azul mezclilla
AnálogosCercano a: Rojo sangre, Verde oliva
TríadaCercano a: Verde jade, Morado
Complementario divididoCercano a: Verde azulado, Azul oscuro
TétradaCercano a: Verde, Azul mezclilla, Púrpura

Paletas con el color marrón

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

Paleta Monocromática · Marrón
Paleta Análoga · Marrón
Paleta Complementaria · Marrón
Paleta Tríada · Marrón
Paleta Con neutros · Marrón
Paleta Con acento · Marrón

Contraste del marrón con texto

Texto blancoContraste 6.4:1 · AA
Texto negroContraste 3.3:1 · AA texto grande

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

Código CSS

:root {
  --marron: #964B00;
  --marron-rgb: 150, 75, 0;
}
.fondo { background-color: var(--marron); }
.texto { color: var(--marron); }

Colores parecidos al marrón

ChocolateSienaCobreÓxidoOcreCanelaBronceSepiaNaranja quemadoCaoba

Otros marrones

CaféChocolateCaobaCastañoCanelaSepiaOcreCarameloCamelMokaCaquiArenaBeigeNudeBronceTabacoSienaCafé con leche

Preguntas frecuentes

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

El código HEX del color marrón es #964B00. En RGB es rgb(150, 75, 0), en HSL es hsl(30, 100%, 29%) y en CMYK es 0, 50, 100, 41.

¿Qué color es el complementario del marrón?

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

¿Se puede usar texto blanco sobre el color marrón?

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

¿Con qué colores combina el marrón?

Combina bien con beige, blanco, azul denim, verde bosque, naranja. Evita combinar muchos marrones distintos sin un color claro que los separe, porque todo se ve igual. El marrón con negro puro puede verse pesado.