El moka es un tono de marrón rico, cálido y reconfortante. 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.
El moka se define por los siguientes códigos y valores de color para asegurar la consistencia en varias plataformas y dispositivos digitales.
- Código HEX: #6D3B07
- Valor RGB: 42.7% rojo, 23.1% verde y 2.7% azul
Las consideraciones de accesibilidad juegan un papel crucial en las elecciones de color en el diseño UX y UI. Figma ofrece plugins en la Comunidad para asegurarse de que tus diseños cumplan con las Pautas de Accesibilidad de Contenidos Web.
Aquí hay algunas formas de usar el moka en tus diseños:
- Equilibrar acentos audaces. Si tu UI utiliza un color fuerte como acento principal, el moka proporciona un contrapunto estabilizador. Esto crea una jerarquía visual, evitando que el color audaz abrume al usuario.
- Crear degradados o texturas sutiles. Usa tonos dentro de la familia de colores moka 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. El moka 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 cambiar de una cultura a otra, y en cualquier momento. Si estás diseñando para una audiencia global, investiga las consideraciones de color para tus regiones específicas.
Para variaciones dentro del mismo espectro rico que el moka, considera:
- Chocolate (#713600) es un marrón profundo y lujoso que iguala la riqueza del moka.
- 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 el moka.
- Canela (#D47E30) es un marrón rojizo con más naranja que el moka.
Para complementar el moka, considera combinarlo con:
- Crema (#FDFBD4) crea profundidad mientras ofrece un toque de suavidad.
- Azul claro (#90D5FF) añade un toque de frescura para equilibrar la calidez del moka y promover la relajación.
- Verde salvia (#98A869) complementa los tonos cálidos del moka mientras mezcla tonos terrosos.
- Rosa empolvado (#DCA1A1) ofrece un aspecto sofisticado con sus tonos vintage y apagados cuando se combina con la riqueza del moka.
Otros colores que vale la pena considerar incluyen dorado para mostrar elegancia, terracota para enfatizar tonos naturales, y gris para permitir que el moka destaque.
Aunque el moka es apagado, puede chocar con:
- Naranja (#FFA500) puede crear tensión con la cremosidad del moka debido a su intensidad.
- Amarillo pastel (#FFEE8C) parece deslavado junto a la calidez del moka.
- Índigo (#560591) combinado con moka puede ser visualmente discordante y carecer de armonía debido a sus tonos más profundos.
- Verde lima (#89F336) domina la tranquilidad del moka con su vibrante intensidad.
El tono calmante del moka establece conexiones 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 del moka 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 el moka añade un poco de energía, evitando que se sienta excesivamente apagado.
En el diseño UI, la naturaleza estabilizadora del moka lo convierte en una excelente opción para fondos o elementos base, creando una sensación de comodidad y facilidad. Aprovecha la capacidad del moka para transmitir lujo en interfaces que promuevan 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 del moka comienza en la agricultura con la exportación de granos de café yemeníes desde el puerto de Moka en los siglos XVI y XVII. Para el siglo XVIII, “moka” 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 “moka” 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, “moka” se popularizó para describir el tono cálido de marrón, alineándose con la tendencia de tonos neutros en el diseño de interiores.
Hoy en día, la versatilidad del moka 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
Tonalidades
Armonías de color
Complementaria
Complementaria dividida
Monocromática
Análoga
Triádica
Square
Paletas personalizadas
Granos de café
Estabilizado
Excursión de camping
Comprobador de contraste
Contraste 9,21
- Texto largo
#6D3B07
- Texto normal
Cómo diseñas, alineas, y desarrollas importa. Hazlo con Figma.
| Categoría | ||
|---|---|---|
Aprobar | Aprobar | |
Aprobar | Aprobar | |
Aprobar | Aprobar |
Contraste 2,28
- Texto largo
#6D3B07
- 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 #6d3b07, también llamado Moka, 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) |
