Naviguer jusqu'au contenu principal

Moka

Tout ce que vous devez savoir sur le moka pour inspirer votre prochain design.

Obtenir la palette de couleurs

Choisir une couleur

Hex

RGB

HSB

HSL

Sélectionnez les paramètres de la palette

Palettes personnalisées

Le moka est une teinte riche, chaleureuse et réconfortante de marron. Comme d'autres nuances de marron, il évoque des sentiments de tranquillité, de fiabilité et d'ancrage tout en transmettant une sensation de luxe et de sophistication.

color Mokacolor Moka

Le moka est défini par les codes et valeurs de couleur suivants pour garantir la cohérence sur diverses plateformes et appareils numériques.

- Code HEX : #6D3B07

- Valeur RVB : 42,7 % rouge, 23,1 % vert, et 2,7 % bleu

L'accessibilité joue un rôle crucial dans le choix des couleurs en design UX et UI. La communauté Figma propose des plugins pour s'assurer que vos designs respectent les Web Content Accessibility Guidelines.

Voici quelques façons d'utiliser le moka dans vos designs :

  • Équilibrer les accents audacieux. Si votre interface utilise une couleur forte comme accent principal, le moka offre un contrepoint ancrant. Cela crée une hiérarchie visuelle, empêchant la couleur vive de submerger l'utilisateur.
  • Créer des dégradés ou textures subtils. Utilisez des nuances de la famille du moka pour créer de l'intérêt visuel et de la profondeur. Cela peut ajouter une touche de dimension aux arrière-plans ou boutons sans être envahissant.
  • Intégrer des éléments vintage. Le moka se marie bien avec des éléments de design inspirés du vintage comme des accents en cuivre ou des polices classiques. Cette combinaison peut évoquer une sensation de nostalgie et d'élégance intemporelle.

Gardez à l'esprit que la couleur et sa signification peuvent varier d'une culture à l'autre et à tout moment. Si vous créez une interface pour un public international, renseignez-vous sur la signification des couleurs pour chaque pays concerné.

Pour des variations dans le même spectre riche que le moka, considérez :

  • Le chocolat (#713600) est un marron profond et luxueux qui correspond à la richesse du moka.
  • Le caramel (#FFD59A) est une teinte plus claire de marron avec des touches de jaune.
  • Le taupe (#54463A) est une nuance neutre de marron avec des sous-tons gris plus frais que le moka.
  • La cannelle (#D47E30) est un brun rougeâtre avec plus d'orange que le moka.

Pour compléter le moka, envisagez de l'associer avec :

  • La crème (#FDFBD4) crée de la profondeur tout en offrant une touche de douceur.
  • Le bleu clair (#90D5FF) ajoute une pointe de fraîcheur pour équilibrer la chaleur du moka et favoriser la relaxation.
  • Le vert sauge (#98A869) complète les tons chauds du moka tout en mélangeant des nuances terreuses.
  • Le rose poussiéreux (#DCA1A1) offre un look sophistiqué avec ses teintes vintage et atténuées lorsqu'il est associé à la richesse du moka.

D'autres couleurs à considérer incluent l'or pour mettre en valeur l'élégance, la terracotta pour souligner les tons naturels, et le gris pour laisser le moka se démarquer.

Bien que le moka soit atténué, il peut jurer avec :

  • L'orange (#FFA500) peut créer une tension avec la douceur du moka en raison de son intensité.
  • Le jaune pastel (#FFEE8C) semble délavé à côté de la chaleur du moka.
  • L'indigo (#560591) associé au moka peut être visuellement discordant et manquer d'harmonie en raison de ses teintes plus profondes.
  • Le vert lime (#89F336) surcharge la tranquillité du moka avec sa vivacité.

La teinte apaisante du moka établit des liens avec le monde naturel, en particulier le café et les tons terreux. Son association avec le sol riche et fertile renforce cette qualité d'ancrage. Sa subtile touche de chaleur suggère également une pointe de luxe et de sophistication.

En psychologie des couleurs, les teintes du moka créent un sentiment de tranquillité et de relaxation. Elles évoquent des sentiments de sécurité et de confort, comme être blotti dans un fauteuil préféré. Une touche de rouge dans le moka ajoute une pointe d'énergie, l'empêchant de paraître trop terne.

Dans le design d'interface, la nature ancrante du moka en fait un excellent choix pour les arrière-plans ou les éléments de base, créant une sensation de confort et de facilité. Exploitez la capacité du moka à transmettre le luxe pour des interfaces qui promeuvent des produits ou services haut de gamme. Il est également un choix naturel pour les designs axés sur la nature, les produits biologiques ou les initiatives de durabilité.

L'histoire du moka commence dans l'agriculture avec l'exportation de grains de café yéménites depuis le port de Mocha aux XVIe et XVIIe siècles. Au XVIIIe siècle, le terme « moka » désignait ce café au goût riche et, plus tard, la boisson chocolatée au café. En 1895, le terme « moka » est officiellement entré dans le monde de la couleur, inspiré par la teinte de ces grains convoités.

La popularité de l'espresso dans les années 1980 a renforcé le lien avec les mochaccinos et la couleur. Au cours des années 1990, le terme « moka » a été popularisé pour décrire la teinte marron chaude, s'alignant avec la tendance des tons neutres dans le design d'intérieur.

Aujourd'hui, la polyvalence du moka va au-delà d'une tasse de café. Il brille dans les déclarations de mode audacieuses, ajoute de la sophistication en tant qu'accent, et crée des intérieurs apaisants. Son éclat subtil apporte de l'élégance aux meubles et à l'éclairage.

Variantes de couleur

Nuances

Teintes

Tons

Teintes

Harmonies de couleurs

Complémentaire

Complémentaire fractionnée

Monochrome

Analogue

Triadique

Tétradique

Palettes personnalisées

Grains de café

Ancré

Excursion en camping

Vérificateur de contraste

Contraste 9,21

Texte en grand format

#6D3B07

Texte normal

Le mode de conception, d'alignement et de création compte. Utilisez Figma.

Il s'agit d'un texte #6D3B07 sur un arrière-plan #FFFFFF.
Catégorie
Conforme
Conforme
Conforme
Conforme
Conforme
Conforme

Contraste 2,28

Texte en grand format

#6D3B07

Texte normal

Le mode de conception, d'alignement et de création compte. Utilisez Figma.

Il s'agit d'un texte #6D3B07 sur un arrière-plan #000000.
Catégorie
Non conforme
Non conforme
Non conforme
Non conforme
Non conforme
Non conforme

Simulations de couleurs

Protanopie

Deutéranopie

Tritanopie

Achromatopsie

La couleur hexadécimale #6d3b07, connue sous le nom de Moka, a des valeurs RVB de R:109, G:59, B:7 et des valeurs CMJN de C:0, M:46, Y:94, K:57.

VALUECSS
HEX#6d3b07#6d3b07
RGB DECIMAL109, 59, 7RGB(109,59,7)
RGB PERCENTAGE42.7, 23.1, 2.7RGB(42.7%,23.1%,2.7%)
CMYK0, 46, 94, 57
HSLHSL(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
BINARY01101101, 00111011, 00000111
iOS - SwiftUIColor(red: 0.427, green: 0.231, blue: 0.027)
iOS - UIKitUIColor(red: 0.427, green: 0.231, blue: 0.027, alpha: 1)
Android - ComposeColor(0xFF6D3B07)