
Cercle chromatique Figma
Vous souhaitez trouver les couleurs complémentaires ou analogues parfaites pour assortir le chocolat ?
Naviguer jusqu'au contenu principal
Tout ce que vous devez savoir sur le chocolat pour inspirer votre prochain design.
Le chocolat est une teinte chaleureuse de marron, située entre le rouge et le jaune sur le cercle chromatique. Sa nuance riche, qui évoque le chocolat au lait, imprègne de confort et de stabilité.

Le chocolat 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 : #713600
- Valeur RVB : 44,3 % rouge, 21,2 % vert, et 0 % 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 chocolat 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 chocolat, considérez :
Pour compléter le chocolat, envisagez de l'associer avec :
D'autres couleurs à considérer incluent le bleu clair pour une ambiance détendue, la mandarine pour une touche de vivacité, et la sauge pour une palette de couleurs terreuse.
Bien que le chocolat soit chaleureux, il peut jurer avec :
Le chocolat incarne la stabilité, la force et la résilience. Il porte également des connotations de luxe et d'indulgence.
En psychologie des couleurs, le chocolat favorise la chaleur et le confort. À l'instar d'un morceau de chocolat décadent ou d'une tasse de chocolat chaud, il évoque également des sentiments de plaisir. En raison de sa connexion avec les tons naturels, le chocolat apporte aussi des sentiments de paix et de tranquillité.
Dans le design d'interface, le chocolat crée une atmosphère chaleureuse et accueillante, idéale pour les applications de cafés ou de boulangeries. Sa richesse est également utile pour ajouter de la profondeur et de la texture aux éléments, ce qui aide à ajouter de l'intérêt visuel à toute interface.
Le nom de couleur « Chocolat » a été enregistré en 1734, inspiré par la teinte de son homonyme. Cependant, le mot « chocolat » est entré dans la langue anglaise vers 1600 après que les Espagnols ont introduit le chocolat au reste de l'Europe.
Dans la Rome antique, les nuances de marron étaient associées à la classe inférieure. Cette connexion a changé lorsque le chocolat est devenu un produit de luxe en Europe, liant la couleur à l'exclusivité. Cela contribue probablement à la perception actuelle du marron chocolat comme une couleur symbolisant l'indulgence et la sophistication.
En dehors de sa connexion avec la friandise sucrée, les tons bruns terreux du chocolat se retrouvent dans la nature. Par exemple, les montagnes Chocolate en Californie du Sud ont été nommées d'après la couleur, car elles semblaient ressembler à des monticules de chocolat pendant les saisons sèches. Aujourd'hui, la polyvalence du chocolat s'étend au-delà de sa connexion naturelle et est utilisée dans la mode, le design, les cosmétiques et l'art.
Nuances
Teintes
Tons
Teintes
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Gâteau au chocolat
Pierre brune
Charme rustique
Contraste 9,42
#713600
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Conforme | |
Conforme | Conforme | |
Conforme | Conforme |
Contraste 2,23
#713600
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Non conforme | Non conforme | |
Non conforme | Non conforme | |
Non conforme | Non conforme |
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
La couleur hexadécimale #713600, connue sous le nom de Chocolat, a des valeurs RVB de R:113, G:54, B:0 et des valeurs CMJN de C:0, M:52, Y:100, K:56.
| VALUE | CSS | |
|---|---|---|
| HEX | #713600 | #713600 |
| RGB DECIMAL | 113, 54, 0 | RGB(113,54,0) |
| RGB PERCENTAGE | 44.3, 21.2, 0.0 | RGB(44.3%,21.2%,0.0%) |
| CMYK | 0, 52, 100, 56 | |
| HSL | HSL(28.7, 100.0%, 22.2%) | HSL(28.7, 100.0%, 22.2%) |
| HSV (OR HSB) | 28.7°, 100.0, 44.3 | |
| WEB SAFE | #102510 | #102510 |
| BINARY | 01110001, 00110110, 00000000 | |
| iOS - SwiftUI | Color(red: 0.443, green: 0.212, blue: 0.000) | |
| iOS - UIKit | UIColor(red: 0.443, green: 0.212, blue: 0.000, alpha: 1) | |
| Android - Compose | Color(0xFF713600) |

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

Plongez dans la nature ancrée du marron.

Découvrez les sentiments de tranquillité associés au vert forêt.