Le cuivre est une teinte orange-brun chaleureuse, empreinte de force et de réconfort. Il se situe dans la section rouge-orangé de la roue chromatique, dégageant une impression de durabilité et de dynamisme tout en conservant une ambiance terreuse et ancrée.

Le cuivre 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 : #C68346
- Valeur RVB : 77,6 % rouge, 51,4 % vert, et 27,5 % 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 cuivre dans vos designs :
- Ajoutez de la chaleur et de la profondeur. La lueur dorée inhérente au cuivre favorise une expérience utilisateur accueillante et engageante. Utilisez des dégradés subtils de cuivre pour les arrière-plans ou les textures afin d'ajouter de la profondeur sans submerger l'utilisateur.
- Intégrez des éléments naturels. Les tons chauds et terreux du cuivre complètent parfaitement les designs inspirés de la nature. Cette connexion naturelle crée une atmosphère apaisante et accueillante.
- Créez une ambiance haut de gamme ou vintage. L'association du cuivre avec les métaux précieux ajoute une touche d'élégance et de pérennité. Des boutons, icônes ou bordures avec une légère brillance cuivrée peuvent ajouter une touche de sophistication. Pour une ambiance vintage, incorporez des textures de cuivre qui rappellent les surfaces de cuivre vieilli.
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 lumineux que le cuivre, envisagez :
- Le bronze (#CE8946) partage une base rouge-brun chaude similaire au cuivre, mais le bronze tend légèrement vers le gris, créant un ton plus atténué et terreux.
- La cannelle (#D47E30) est plus chaude que le cuivre, incorporant ses tons riches avec une base rouge plus forte pour un look plus vibrant.
- L'or rose (#DEA193) partage la chaleur du cuivre mais avec une base plus claire et rosée.
- La terre de sienne brûlée (#ED7B58) est un rouge-brun rustique et profond avec des tons terreux comme le cuivre mais avec une touche d'orange.
Pour compléter le cuivre, envisagez de l'associer avec :
- Le taupe (#54463A) agit comme un fond calme et neutre pour les accents cuivrés.
- Le bleu marine (#000080) complète la chaleur du cuivre pour créer une sensation luxueuse.
- La crème (#FDFBD4) crée un contraste léger et aérien avec la richesse du cuivre.
- Le turquoise (#40E0D0) offre un contraste frappant et visuellement intéressant lorsqu'il est associé au cuivre.
D'autres couleurs à considérer incluent le vert sauge pour une apparence apaisante et naturelle, le souci pour une touche de couleur, ou la terracotta pour un accord terreux.
Bien que le cuivre soit chaleureux, il peut jurer avec :
- Le vert néon (#2CFF05) peut dominer la chaleur du cuivre en raison de sa saturation extrême.
- Le bleu clair (#90D5FF) manque de contraste lorsqu'il est associé à la richesse du cuivre et peut créer une palette délavée.
- L'orange (#FFA500) peut entrer en dissonance avec les tons rouge-brun du cuivre.
- Le noir (#000000) crée une sensation lourde et sombre lorsqu'il est associé au cuivre.
- Le jaune (#FFDE21) est très saturé, dominant la chaleur du cuivre.
Le cuivre est associé à la stabilité et à la sécurité, renforcé par sa connexion à la nature. Dans certaines cultures, on croit même qu'il possède des propriétés curatives.
En psychologie des couleurs, la chaleur du cuivre se traduit par des sentiments de confort, d'assurance et d'optimisme. Il peut stimuler l'esprit et encourager la créativité. Les tons rougeâtres offrent un léger regain d'énergie et de motivation, tandis que les tons naturels et ancrés évoquent un sentiment de confiance et de stabilité.
Le cuivre peut être une couleur polyvalente dans le design d'interface. Sa richesse le rend idéal pour les accents et les mises en valeur, attirant l'attention sur les éléments importants. La chaleur crée une atmosphère accueillante, parfaite pour les interfaces promouvant la détente ou la créativité. Mais en raison de sa force visuelle, utilisez le cuivre de manière stratégique et évitez l'excès pour prévenir un effet écrasant.
Contrairement à certaines couleurs avec des histoires symboliques riches, l'histoire du cuivre concerne moins la couleur elle-même que le métal éponyme. Le métal cuivre remonte à 8 000 av. J.-C., lorsque les gens utilisaient ce métal naturellement présent pour des outils et d'autres objets.
Les artistes ont créé des couleurs ressemblant au cuivre tout au long de l'histoire, mais le mot "cuivre" en tant que nom de couleur n'est apparu en anglais qu'en 1594.
À mesure que la théorie des couleurs se développait aux XVIIIe et XIXe siècles, le cuivre est devenu une couleur reconnue, liant la couleur du métal et son nom. Aujourd'hui, la couleur cuivre est utilisée pour ajouter une touche d'élégance au design, à l'art et à la bijouterie.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Cuivrebois
Méditerranéen
Havre
Vérificateur de contraste
Contraste 3,12
- Texte en grand format
#C68346
- 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 |
Contraste 6,74
- Texte en grand format
#C68346
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Non conforme | |
Conforme | Conforme | |
Conforme | Conforme |
Simulations de couleurs
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
La couleur hexadécimale #c68346, connue sous le nom de Cuivre, a des valeurs RVB de R:198, G:131, B:70 et des valeurs CMJN de C:0, M:34, Y:65, K:22.
| VALUE | CSS | |
|---|---|---|
| HEX | #c68346 | #c68346 |
| RGB DECIMAL | 198, 131, 70 | RGB(198,131,70) |
| RGB PERCENTAGE | 77.6, 51.4, 27.5 | RGB(77.6%,51.4%,27.5%) |
| CMYK | 0, 34, 65, 22 | |
| HSL | HSL(28.6, 52.9%, 52.5%) | HSL(28.6, 52.9%, 52.5%) |
| HSV (OR HSB) | 28.6°, 64.6, 77.6 | |
| WEB SAFE | #20415351 | #20415351 |
| BINARY | 11000110, 10000011, 01000110 | |
| iOS - SwiftUI | Color(red: 0.776, green: 0.514, blue: 0.275) | |
| iOS - UIKit | UIColor(red: 0.776, green: 0.514, blue: 0.275, alpha: 1) | |
| Android - Compose | Color(0xFFC68346) |


