
Roue chromatique Figma
Vous souhaitez trouver les couleurs complémentaires ou analogues parfaites pour assortir le marron ?
Naviguer jusqu'au contenu principal
Tout ce que vous devez savoir sur le marron pour inspirer votre prochain design.
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.
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 :
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 :
Pour compléter le marron, envisagez de l'associer avec :
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 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.
Nuances
Teintes
Tons
Teintes
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Ourson en peluche
Dans la nature
Feu de camp douillet
Contraste 6,42
#895129
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
#895129
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 |
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) |

Vous souhaitez trouver les couleurs complémentaires ou analogues parfaites pour assortir le marron ?

En savoir plus sur le bleu pastel.

Adoptez la chaleur et la sophistication du taupe.