Moca es un tono cálido, rico y reconfortante de marrón. Al igual que otros tonos marrones, promueve sentimientos de tranquilidad, fiabilidad y estabilidad, al tiempo que transmite una sensación de lujo y sofisticación.
Moca se define por los siguientes códigos y valores de color para asegurar la consistencia en diversas plataformas y dispositivos digitales.
- Código HEX: #6D3B07
- Valor RGB: 42.7% rojo, 23.1% verde, y 2.7% azul
Aquí hay algunas maneras de usar moca en tus diseños:
- Equilibrar acentos audaces. Si tu interfaz utiliza un color fuerte como acento principal, moca proporciona un contrapunto estabilizador. Esto crea una jerarquía visual, evitando que el color audaz abrume al usuario.
- Crear gradientes o texturas sutiles. Usa tonos dentro de la familia de colores moca para crear interés visual y profundidad. Esto puede añadir un toque de dimensión a fondos o botones sin ser abrumador.
- Incorporar elementos vintage. Moca combina bien con elementos de diseño inspirados en lo vintage, como acentos de cobre o tipografías clásicas. Esta combinación puede evocar una sensación de nostalgia y elegancia atemporal.
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 moca, considera:
- Chocolate (#713600) es un marrón profundo y lujoso que iguala la riqueza de moca.
- Caramelo (#FFD59A) es un tono más claro de marrón con toques de amarillo.
- Topo (#54463A) es un tono neutro de marrón con matices grises que son más fríos que moca.
- Canela (#D47E30) es un marrón rojizo con más naranja que moca.
Para complementar moca, considera emparejarlo con:
- Crema (#FDFBD4) crea profundidad mientras ofrece un toque de suavidad.
- Azul claro (#90D5FF) añade un toque de frescura para equilibrar la calidez de moca y promover la relajación.
- Verde salvia (#98A869) complementa los tonos cálidos de moca mientras mezcla tonos terrosos.
- Rosa empolvado (#DCA1A1) ofrece un aspecto sofisticado con sus tonos vintage y apagados cuando se combina con la riqueza de moca.
Otros colores que vale la pena considerar incluyen oro para mostrar elegancia, terracota para enfatizar tonos naturales, y gris para permitir que moca destaque.
Aunque moca es un color apagado, puede chocar con:
- Naranja (#FFA500) puede crear tensión con la cremosidad de moca debido a su intensidad.
- Amarillo pastel (#FFEE8C) parece deslavado junto a la calidez de moca.
- Índigo (#560591) combinado con moca puede ser visualmente discordante y carecer de armonía debido a sus tonos más profundos.
- Verde lima (#89F336) domina la tranquilidad de moca con su vibrante energía.
El tono calmante de moca se conecta con el mundo natural, particularmente con el café y los tonos terrosos. Su asociación con el suelo rico y fértil realza esta cualidad estabilizadora. Su sutil toque de calidez también sugiere un toque de lujo y sofisticación.
En la psicología del color, los tonos de moca crean una sensación de tranquilidad y relajación. Evoca sentimientos de seguridad y protección, como estar acurrucado en una silla favorita. Un toque de rojo en moca añade un poco de energía, evitando que se sienta demasiado apagado.
En diseño de interfaces, la naturaleza estabilizadora de moca lo convierte en una excelente opción para fondos o elementos base, creando una sensación de comodidad y facilidad. Aprovecha la capacidad de moca para transmitir lujo en interfaces que promueven productos o servicios premium. También es una opción natural para diseños enfocados en la naturaleza, productos orgánicos o iniciativas de sostenibilidad.
La historia de moca comienza en la agricultura con la exportación de granos de café yemeníes desde el puerto de Moca en los siglos XVI y XVII. Para el siglo XVIII, “moca” se refería a este café de sabor rico y, más tarde, a la bebida de café con chocolate. En 1895, el término “moca” entró oficialmente en el mundo del color, inspirado por el tono de esos codiciados granos.
La popularidad del espresso en la década de 1980 reforzó la conexión con los mochaccinos y el color. Durante la década de 1990, “moca” se popularizó para describir el tono marrón cálido, alineándose con la tendencia de tonos neutros en el diseño de interiores.
Hoy en día, la versatilidad de moca va más allá de una taza de café. Brilla en declaraciones de moda audaces, añade sofisticación como acento, y crea interiores calmantes. Su sutil brillo aporta elegancia a muebles e iluminación.
Variantes de color
Sombras
Tintes
Tonos
Matices
Armonías de color
Complementario
Dividido
Monocromático
Análogo
Triádico
Cuadrado
Paletas personalizadas
Granos de café
Estabilizado
Excursión de campamento
Verificador de contraste
Contraste 9,21
- Texto grande
#6D3B07
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Aprobado | Aprobado | |
Aprobado | Aprobado | |
Aprobado | Aprobado |
Contraste 2,28
- Texto grande
#6D3B07
- Texto normal
Tu forma de diseñar, alinear y crear importa. Hazlo todo con Figma.
| Categoría | ||
|---|---|---|
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado | |
Desaprobado | Desaprobado |
Simulaciones de color
Protanopia
Deuteranopia
Tritanopia
Acromatopsia
El color hexadecimal #6d3b07, también conocido como Moca, tiene valores RGB de R:109, G:59, B:7 y valores CMYK de C:0, M:46, Y:94, K:57.
| VALUE | CSS | |
|---|---|---|
| HEX | #6d3b07 | #6d3b07 |
| RGB DECIMAL | 109, 59, 7 | RGB(109,59,7) |
| RGB PERCENTAGE | 42.7, 23.1, 2.7 | RGB(42.7%,23.1%,2.7%) |
| CMYK | 0, 46, 94, 57 | |
| HSL | HSL(30.6, 87.9%, 22.7%) | HSL(30.6, 87.9%, 22.7%) |
| HSV (OR HSB) | 30.6°, 93.6, 42.7 | |
| WEB SAFE | #102510 | #102510 |
| BINARY | 01101101, 00111011, 00000111 | |
| iOS - SwiftUI | Color(red: 0.427, green: 0.231, blue: 0.027) | |
| iOS - UIKit | UIColor(red: 0.427, green: 0.231, blue: 0.027, alpha: 1) | |
| Android - Compose | Color(0xFF6D3B07) |
