La rouille est une teinte chaleureuse et terreuse qui mêle le rouge et l'orange avec une touche de marron. Située sur le spectre rouge-orangé, elle évoque une sensation de confort et de patine. Des nuances comme la sienne et la terracotta lui sont similaires. Idéale pour ajouter une touche rustique à vos designs ou pour évoquer une ambiance vintage.
La rouille est définie par les codes et valeurs de couleur suivants pour garantir une cohérence sur diverses plateformes et appareils numériques.
- Code Hex : #B7410E
- Valeur RVB : 71,8 % rouge, 25,5 % vert, 5,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.
Pour des variations dans le même spectre que la Rouille, considérez :
- La Terracotta (#e35336) : Présente une tonalité chaleureuse et terreuse similaire à la rouille, avec une nuance rouge légèrement plus riche.
- La Sienne Brûlée (#ed7b58) : Partage l'apparence naturelle et ensoleillée de la rouille, offrant une teinte plus douce et plus claire avec une touche d'orange.
- Le Cinabre (#e84b3d) : Capture la vivacité de la rouille, ajoutant une pointe de rouge ardent pour un look plus intense et vif.
- Le Rouge Brique (#c04657) : Reflète l'ambiance classique et robuste de la rouille, offrant une couleur rouge-brun plus profonde et plus atténuée.
Pour compléter la Rouille, envisagez de l'associer avec :
- L'Aqua (#00fff0) : La tonalité fraîche et rafraîchissante de l'aqua contraste magnifiquement avec la chaleur terreuse de la rouille, créant un look équilibré.
- Le Bleu Poudre (#b8e3e9) : La nature douce et apaisante du bleu poudre adoucit l'intensité de la rouille, résultant en une palette sereine.
- La Chartreuse (#ccff00) : La chartreuse ajoute une touche de couleur vive, renforçant la vivacité de la rouille et créant un impact visuel saisissant.
- Le Beige (#ede8d0) : Le beige offre un fond subtil et neutre qui met en valeur la richesse de la rouille, assurant qu'elle reste le point focal.
D'autres couleurs à considérer incluent le Crème pour une ambiance chaleureuse et accueillante, et le Vert Forêt pour une combinaison inspirée de la nature et terreuse.
Bien que la Rouille soit profonde et terreuse, elle peut entrer en dissonance avec :
- Le Rose Néon (#FF13F0) : L'intensité vive de cette couleur peut submerger la chaleur subtile de la rouille, menant à un contraste visuel perturbant.
- Le Vert Néon (#2CFF05) : Sa nature lumineuse et électrique entre en conflit avec le ton naturel et ancré de la rouille, créant une combinaison visuellement déstabilisante.
- Le Cyan (#00FFFF) : Avec sa tonalité vive et froide, le cyan peut produire un contraste trop marqué avec la rouille, rendant les compositions déséquilibrées.
- Le Bleu Électrique (#00F0FF) : L'énergie élevée et la fraîcheur de cette couleur entrent en conflit avec les qualités chaudes et atténuées de la rouille, résultant en un effet discordant.
- La Lavande (#D3D3FF) : La nature légère et pastel de la lavande peut s'effacer lorsqu'elle est placée avec la rouille, menant à une sensation moins cohérente.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Eaux Rustiques
Surf Terracotta
Flambée de Cannelle
Vérificateur de contraste
Contraste 5,56
- Texte en grand format
#B7410E
- 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,78
- Texte en grand format
#B7410E
- 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 #b7410e, connue sous le nom de Rouille, a des valeurs RVB de R:183, G:65, B:14 et des valeurs CMJN de C:0, M:64, Y:92, K:28.
| VALUE | CSS | |
|---|---|---|
| HEX | #b7410e | #b7410e |
| RGB DECIMAL | 183, 65, 14 | RGB(183,65,14) |
| RGB PERCENTAGE | 71.8, 25.5, 5.5 | RGB(71.8%,25.5%,5.5%) |
| CMYK | 0, 64, 92, 28 | |
| HSL | HSL(18.1, 85.8%, 38.6%) | HSL(18.1, 85.8%, 38.6%) |
| HSV (OR HSB) | 18.1°, 92.3, 71.8 | |
| WEB SAFE | #204510 | #204510 |
| BINARY | 10110111, 01000001, 00001110 | |
| iOS - SwiftUI | Color(red: 0.718, green: 0.255, blue: 0.055) | |
| iOS - UIKit | UIColor(red: 0.718, green: 0.255, blue: 0.055, alpha: 1) | |
| Android - Compose | Color(0xFFB7410E) |
