El marrón oscuro es un tono terroso y cálido con una riqueza profunda, como el chocolate o el espresso. Posicionado entre el rojo y el verde en la rueda de colores, evoca estabilidad y solidez. Tonos relacionados incluyen moka y nogal. Usa el marrón oscuro en diseños para una sensación acogedora e invitante.
El marrón oscuro se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código Hex: #654321
- Valor RGB: 39.6% rojo, 26.3% verde, 12.9% azul
Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color de diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurarte de que tus diseños cumplan con las Pautas de Accesibilidad de Contenido Web.
Para variaciones dentro del mismo espectro que el marrón oscuro, considera:
- Caoba (#c04000): La caoba ofrece un marrón rico con un toque de rojo, imitando la profundidad del marrón oscuro mientras introduce una calidez sutil.
- Chocolate (#713600): El chocolate refleja un marrón más profundo y lujoso, capturando la esencia del marrón oscuro con un toque de dulzura en su matiz.
- Moka (#6d3b07): El moka combina la profundidad del marrón oscuro con un tono ligeramente más suave y terroso, asemejándose al aspecto del café recién hecho.
- Coñac (#a2574f): El coñac proporciona un marrón cálido y rico con un matiz rojizo, evocando las cualidades robustas y profundas del marrón oscuro.
Para complementar el marrón oscuro, considera emparejarlo con:
- TURQUESA (#40E0D0): Este vibrante tono azul-verde proporciona un contraste llamativo con el tono terroso del marrón oscuro, añadiendo energía y brillo a la paleta.
- ÓXIDO (#B7410E): Con su matiz cálido y rojizo, el óxido complementa el marrón oscuro al realzar sus características ricas y terrosas, creando una sensación armoniosa y otoñal.
- CREMA (#FDFBD4): Como un color neutro y claro, la crema ofrece un fondo sutil que resalta la profundidad del marrón oscuro, asegurando una combinación clásica y sofisticada.
- VERDE MENTA (#ADEBB3): Este refrescante tono verde suave funciona bien con el marrón oscuro al añadir un toque juguetón y animado mientras mantiene un ambiente equilibrado y natural.
- ORO (#EFBF04): El oro introduce un acento cálido y lujoso que realza la riqueza del marrón oscuro, creando una combinación elegante y atemporal.
Aunque el marrón oscuro es terroso y cálido, puede chocar con:
- Azul Eléctrico (#00F0FF): La intensa vibración del azul eléctrico crea un contraste marcado con la riqueza del marrón oscuro, llevando a una combinación visualmente disruptiva.
- Verde Neón (#2CFF05): El brillo del verde neón choca con la presencia profunda y sólida del marrón oscuro, haciendo que la combinación parezca desequilibrada.
- Escarlata (#ED2100): La intensa calidez del escarlata compite con el marrón oscuro, causando una tensión visual que resta atractivo a ambos colores.
- Magenta (#FD3DB5): La naturaleza audaz y vívida del magenta puede sobrepasar al marrón oscuro, resultando en una paleta desajustada y excesivamente vibrante.
- Verde Lima (#89F336): El brillo animado del verde lima puede parecer excesivamente vívido contra el tono cálido y profundo del marrón oscuro, creando una combinación desarmoniosa.
Variantes de color
Sombras
Tintes
Tonos
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Cascada de Moka
Lago de Chocolate
Mosaico de Jungla
Comprobador de contraste
Contraste 8,83
- Texto largo
#654321
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Aprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Contraste 2,38
- Texto largo
#654321
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar | |
Desaprobar | Desaprobar |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #654321, también llamado Marrón oscuro, tiene valores RGB de R:101, G:67, B:33 y valores CMYK de C:0, M:34, Y:67, K:60.
| VALUE | CSS | |
|---|---|---|
| HEX | #654321 | #654321 |
| RGB DECIMAL | 101, 67, 33 | RGB(101,67,33) |
| RGB PERCENTAGE | 39.6, 26.3, 12.9 | RGB(39.6%,26.3%,12.9%) |
| CMYK | 0, 34, 67, 60 | |
| HSL | HSL(30.0, 50.7%, 26.3%) | HSL(30.0, 50.7%, 26.3%) |
| HSV (OR HSB) | 30.0°, 67.3, 39.6 | |
| WEB SAFE | #1025151 | #1025151 |
| BINARY | 01100101, 01000011, 00100001 | |
| iOS - SwiftUI | Color(red: 0.396, green: 0.263, blue: 0.129) | |
| iOS - UIKit | UIColor(red: 0.396, green: 0.263, blue: 0.129, alpha: 1) | |
| Android - Compose | Color(0xFF654321) |