El marrón es un color rico y terroso, evocando las cualidades reconfortantes de una taza de cacao caliente. Se encuentra en el lado cálido del círculo cromático, transmitiendo una sensación de estabilidad y seguridad.
El marrón se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código HEX: #895129
- Valor RGB: 53.7% rojo, 31.8% verde, y 16.1% azul
Aquí hay algunas formas de usar marrón en tus diseños:
- Transmitir calidez y confort. El marrón evoca sensaciones de acogimiento y seguridad. Esto puede crear una atmósfera acogedora en aplicaciones de redes sociales o sitios de comercio electrónico.
- Crear una sensación de sofisticación. El marrón funciona bien como acentos o fondos para productos y servicios de alta gama.
- Establecer estabilidad y legibilidad. El marrón puede crear una base neutral y calmante para las interfaces. El texto colocado sobre fondos marrones a menudo mejora la legibilidad.
- Crear profundidad y dimensión. Incorporar una gama de tonos marrones puede crear una experiencia visualmente más atractiva.
Ten en cuenta que el color y su significado pueden variar según la cultura y el contexto. Si diseñas para una audiencia internacional, investiga cómo se perciben los colores en cada país.
Para variaciones dentro del mismo espectro rico que el marrón, considera:
- Canela (#D47E30) es un tono especiado que exuda calidez, inclinándose hacia el rojo para mayor vibrancia.
- Topo (#54463A) es una mezcla sofisticada de marrón y gris, ofreciendo una presencia neutral y calmante.
- Naranja quemado (#BE5103) es un tono terroso con matices naranjas, añadiendo energía y calidez.
- Granate (#550000) es un marrón profundo y rico con un sutil matiz rojo, exudando una sensación de lujo y elegancia, como un buen vino añejo.
Para complementar el marrón, considera emparejarlo con:
- Azul pastel (#B3EBF2) crea una sensación de paz y serenidad cuando se combina con marrón.
- Agua de rosas (#FFD6D1) añade un toque de feminidad y fantasía a la calidez del marrón.
- Verde oliva (#636B2F) complementa la terrosidad del marrón, creando una sensación armoniosa y orgánica.
- Beige (#EDE8D0) es un color neutro y cremoso que proporciona un contraste refrescante a la calidez del marrón.
Otros colores que vale la pena considerar incluyen carbón para un toque moderno, tonos verdes para una paleta terrosa, y amarillo alegre para un toque vibrante de color.
Aunque el marrón es terroso, puede chocar con:
- Cian (#00FFFF) es demasiado brillante y de tono frío, lo que choca con la calidez del marrón.
- Rojo anaranjado (#FF4B33) puede competir con la calidez del marrón y crear un efecto disonante.
- Índigo (#560591) tiene una saturación profunda y tonos azules fríos que chocan con la calidez del marrón.
- Magenta (#FD3DB5) puede dominar la naturaleza terrosa del marrón, creando un efecto visualmente discordante.
El marrón simboliza estabilidad, fuerza y arraigo, evocando imágenes de suelo fértil y naturaleza perdurable. Representa simplicidad, fiabilidad y tradición, como el cuero bien usado o una cabaña acogedora.
En la psicología del color, el marrón transmite sensaciones de seguridad, confort y calidez. Sin embargo, los tonos más oscuros a veces pueden evocar sentimientos de soledad o melancolía.
En el diseño de UI/UX, el marrón es una excelente opción para crear una sensación de confianza y confort, haciéndolo ideal para tonos base. También aporta sofisticación para experiencias premium. Usa el marrón estratégicamente para mejorar la experiencia del usuario sin hacer que el diseño se sienta demasiado pesado.
Los pigmentos marrones, probablemente derivados de arcillas naturales como el siena, se han utilizado desde tiempos prehistóricos. Las pinturas rupestres, algunas de hasta 40,000 años, presentan pigmentos marrones que representan animales y figuras humanas.
Los tonos terrosos del marrón han tenido varios significados simbólicos a lo largo de la historia. En el antiguo Egipto, el marrón se usaba a menudo en pinturas de tumbas para representar tonos de piel. Sin embargo, en la antigua Roma, el marrón a menudo se asociaba con las clases bajas y se consideraba menos deseable que los colores vibrantes preferidos por la élite.
Hoy en día, el marrón se asocia con confort, estabilidad y naturaleza, haciéndolo una elección popular en todo, desde la moda hasta el diseño de interiores.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Osito de peluche
En la naturaleza
Fogata acogedora
Verificador de contraste
Contraste 6,42
- Texto grande
#895129
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Desaprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Contraste 3,27
- Texto grande
#895129
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Aprobado | Desaprobado | |
Aprobado | Desaprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #895129, también conocido como Marrón, tiene valores RGB de R:137, G:81, B:41 y valores CMYK de C:0, M:41, Y:70, K:46.
| VALUE | CSS | |
|---|---|---|
| HEX | #895129 | #895129 |
| RGB DECIMAL | 137, 81, 41 | RGB(137,81,41) |
| RGB PERCENTAGE | 53.7, 31.8, 16.1 | RGB(53.7%,31.8%,16.1%) |
| CMYK | 0, 41, 70, 46 | |
| HSL | HSL(25.0, 53.9%, 34.9%) | HSL(25.0, 53.9%, 34.9%) |
| HSV (OR HSB) | 25.0°, 70.1, 53.7 | |
| WEB SAFE | #15310251 | #15310251 |
| BINARY | 10001001, 01010001, 00101001 | |
| iOS - SwiftUI | Color(red: 0.537, green: 0.318, blue: 0.161) | |
| iOS - UIKit | UIColor(red: 0.537, green: 0.318, blue: 0.161, alpha: 1) | |
| Android - Compose | Color(0xFF895129) |
