Le marron est une couleur riche et terreuse, évoquant les qualités réconfortantes d'une tasse de cacao chaud. Il se situe du côté chaud de la roue chromatique, apportant un sentiment d'ancrage et de sécurité.

Le marron 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 : #895129
- Valeur RVB : 53,7 % rouge, 31,8 % vert, et 16,1 % 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 marron dans vos designs :
- Transmettre chaleur et confort. Le marron évoque des sentiments de convivialité et de sécurité. Cela peut créer une atmosphère accueillante sur les applications de réseaux sociaux ou les sites de commerce électronique.
- Créer une sensation de sophistication. Le marron fonctionne bien comme accent ou fond pour des produits et services haut de gamme.
- Établir ancrage et lisibilité. Le marron peut créer une base neutre et apaisante pour les interfaces. Le texte placé sur des fonds marron améliore souvent la lisibilité.
- Créer profondeur et dimension. Incorporer une gamme de tons marron peut créer une expérience visuelle plus engageante.
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 marron, considérez :
- Cannelle (#D47E30) est une teinte épicée qui exhale chaleur, penchant vers le rouge pour plus de dynamisme.
- Le taupe (#54463A) est un mélange sophistiqué de marron et de gris, offrant une présence neutre et apaisante.
- L'orange brûlé (#BE5103) est une teinte terreuse avec des nuances d'orange, ajoutant énergie et chaleur.
- Le bordeaux (#550000) est un marron profond et riche avec une subtile nuance de rouge, exhalant un sentiment de luxe et d'élégance, comme un vin vieilli de qualité.
Pour compléter le marron, envisagez de l'associer avec :
- Le bleu pastel (#B3EBF2) crée un sentiment de paix et de sérénité lorsqu'il est associé au marron.
- Rosewater (#FFD6D1) ajoute une touche de féminité et de fantaisie à la chaleur du marron.
- Le vert olive (#636B2F) complète la terreur du marron, créant une sensation harmonieuse et organique.
- Le beige (#EDE8D0) est une couleur crémeuse et neutre qui offre un contraste rafraîchissant à la chaleur du marron.
D'autres couleurs à considérer incluent le charbon pour une touche moderne, des nuances de vert pour une palette terreuse, et le jaune joyeux pour une touche de couleur vibrante.
Bien que le marron soit terreux, il peut jurer avec :
- Le cyan (#00FFFF) est trop vif et froid, ce qui entre en dissonance avec la chaleur du marron.
- Le rouge-orange (#FF4B33) peut rivaliser avec la chaleur du marron et créer un effet disharmonieux.
- L'indigo (#560591) a une saturation profonde et des tons bleus froids qui jure avec la chaleur du marron.
- Le magenta (#FD3DB5) peut dominer la nature terreuse du marron, créant un effet visuellement discordant.
Le marron incarne la stabilité, la force et l'ancrage, évoquant des images de sol fertile et de nature durable. Il représente la simplicité, la fiabilité et la tradition, comme le cuir bien usé ou une cabane confortable.
En psychologie des couleurs, le marron transmet des sentiments de sécurité, de confort et de chaleur. Cependant, les teintes plus foncées peuvent parfois évoquer des sentiments de solitude ou de mélancolie.
Dans le design d'interface, le marron est un excellent choix pour créer un sentiment de confiance et de confort, le rendant idéal pour les tons de base. Il apporte également une sophistication pour des expériences premium. Utilisez le marron stratégiquement pour améliorer l'expérience utilisateur sans alourdir le design.
Les pigments marron, probablement dérivés d'argiles naturelles comme l'ombre, sont utilisés depuis la préhistoire. Les peintures rupestres, certaines vieilles de 40 000 ans, présentent des pigments marron représentant des animaux et des figures humaines.
Les tons terreux du marron ont eu diverses significations symboliques à travers l'histoire. Dans l'Égypte ancienne, le marron était souvent utilisé dans les peintures de tombes pour représenter les teintes de peau. Dans la Rome antique, cependant, le marron était souvent associé aux classes inférieures et considéré comme moins désirable que les couleurs vives prisées par l'élite.
Aujourd'hui, le marron est associé au confort, à la stabilité et à la nature, ce qui en fait un choix populaire dans tout, de la mode au design d'intérieur.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Ourson en peluche
Dans la nature
Feu de camp douillet
Vérificateur de contraste
Contraste 6,42
- Texte en grand format
#895129
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Non conforme | |
Conforme | Conforme | |
Conforme | Conforme |
Contraste 3,27
- Texte en grand format
#895129
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Non conforme | Non conforme | |
Conforme | Non conforme | |
Conforme | Non conforme |
Simulations de couleurs
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
La couleur hexadécimale #895129, connue sous le nom de Marron, a des valeurs RVB de R:137, G:81, B:41 et des valeurs CMJN 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) |


