Paleta de colores

Color marrón oscuro

Un marrón profundo y clásico, sin un tono rojo o amarillo marcado. Es el nombre de diario para el color del chocolate negro, el pelo castaño oscuro y la madera oscura.

También llamado: café oscuro.

El código HEX del color marrón oscuro es #654321. En RGB es rgb(101, 67, 33), en HSL es hsl(30, 51%, 26%) y en CMYK es 0, 34, 67, 60.

Pruébalo en la vida real

Elige un color para combinar y mira cómo queda en ropa, decoración y diseño.

Colores parecidos al marrón oscuro

Café#6F4E37Sepia#704214Tabaco#71563BNogal#773F1ASombra natural#826644Marrón rojizo#80461B

Datos del color marrón oscuro

El marrón oscuro (#654321) es un color cálido, oscuro y de saturación media. Pertenece a la familia de los marrones. Se mezcla con 101 de rojo, 67 de verde y 33 de azul (sobre 255). Se usa sobre todo en pelo, muebles, moda.

Muestra del color Marrón oscuro con sus tonos de claro a oscuro · #654321
Marrón oscuro · #654321

Qué significa el color marrón oscuro

El marrón es el color de la tierra, la madera y el café. Transmite calidez, estabilidad y cercanía, y da a cualquier espacio un aire acogedor y natural. En el caso del color marrón oscuro, se usa sobre todo en pelo, muebles y moda.

Tonos del marrón oscuro: claros y oscuros

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

Ve todos sus tonos: Generador de gama de colores

Colores de ropa por estación y estilo80 paletas para hombre y mujer, con 8 looks para copiar en cada una: lujo silencioso, playa, montaña, oficina y más.Ver paletas de ropa

Armonías del color marrón oscuro

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

ComplementarioCercano a: Azul de Prusia
AnálogosCercano a: Vino, Verde oliva oscuro
TríadaCercano a: Verde bandera, Azul medianoche
Complementario divididoCercano a: Verde petróleo, Azul medianoche
TétradaCercano a: Verde oscuro, Azul de Prusia, Ciruela

Paletas con el color marrón oscuro

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

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

Contraste del marrón oscuro con texto

Texto blancoContraste 8.8:1 · AAA
Texto negroContraste 2.4:1 · No recomendado

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

Código CSS

:root {
  --marron-oscuro: #654321;
  --marron-oscuro-rgb: 101, 67, 33;
}
.fondo { background-color: var(--marron-oscuro); }
.texto { color: var(--marron-oscuro); }

Colores parecidos al marrón oscuro

Café expresoGris topoRojo granateChocolate

Paletas temáticas con este color

Otros marrones

MarrónCaféChocolateCaobaCastañoCanelaSepiaOcreCarameloCamelMokaCaquiArenaBeigeNudeBronceTabacoSienaCafé con lecheCastaño rojizoCoñacArena del desiertoCafé expresoLeonado
Muestra del color Marrón oscuro con sus tonos de claro a oscuro · #654321
Muestra del color Marrón oscuro con sus tonos de claro a oscuro · #654321

Prueba también

Paleta de colores de tu nombreEscribe un nombre y obtén tu propia paleta de coloresColores de los 16 tipos de personalidadResponde 8 preguntas y descubre tu color de imagenColor de la suerte de hoyTu color de la suerte diario según tu signo
Ver todas las herramientas gratis →

Preguntas frecuentes

¿Qué significa el color marrón oscuro?

El marrón es el color de la tierra, la madera y el café. Transmite calidez, estabilidad y cercanía, y da a cualquier espacio un aire acogedor y natural. En el caso del color marrón oscuro, se usa sobre todo en pelo, muebles y moda.

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

El código HEX del color marrón oscuro es #654321. En RGB es rgb(101, 67, 33), en HSL es hsl(30, 51%, 26%) y en CMYK es 0, 34, 67, 60.

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

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

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

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