Le roux est une couleur chaleureuse et terreuse, mélangeant le rouge et le marron pour une ambiance automnale. Situé entre le rouge et le marron sur le cercle chromatique, il évoque des sensations de confort et de nature. Les variantes incluent la cannelle et le châtaignier. Idéal pour les designs nécessitant une touche de chaleur et de charme rustique.
Le roux 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 : #80461B
- Valeur RVB : 50,2 % rouge, 27,5 % vert, 10,6 % 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 le roux, considérez :
- L'orange brûlé (#be5103) : Partage une riche tonalité chaude avec le roux, offrant un attrait profond et terreux ancré dans les nuances d'orange.
- La sienne brûlée (#ed7b58) : Combine une essence rouge-brun similaire au roux, capturant une lueur chaude et naturelle.
- Le rouge brique (#c04657) : Possède une richesse rouge-brun, faisant écho au caractère terreux et ancré du roux.
- Le cuivre (#c68346) : Présente un brun métallique chaud qui parallélise la profondeur et la chaleur du roux, ajoutant une touche de brillance métallique.
Pour compléter le roux, envisagez de l'associer avec :
- Le vert menthe (#ADEBB3) : La tonalité rafraîchissante du vert menthe équilibre les teintes chaudes et terreuses du roux, créant une palette vivante mais posée.
- Le rose doux (#E89EB8) : Le rose doux introduit un contraste délicat contre le roux, ajoutant une touche de douceur au design global.
- Le vert olive (#636B2F) : Le vert olive offre une profondeur terreuse qui harmonise avec les sous-tons chauds du roux pour un look naturel et ancré.
- L'orange clair (#FFDBBB) : L'orange clair complète la chaleur riche du roux avec une explosion lumineuse et énergique, renforçant la vivacité.
- La crème (#FDFBD4) : La crème offre un fond clair et neutre, permettant à la richesse du roux de prendre le devant de la scène sans surcharger le design.
Bien que le roux soit chaleureux et terreux, il peut entrer en dissonance avec :
- Le bleu-vert (#00CEC8) : Les tons chauds du roux peuvent entrer en dissonance avec les qualités fraîches et vibrantes du bleu-vert, créant une association discordante.
- Le rose néon (#FF13F0) : L'intensité et la vivacité du rose néon peuvent submerger la nature chaude et subtile du roux, menant à un contraste visuel saisissant.
- Le vert menthe (#ADEBB3) : La tonalité légère et fraîche du vert menthe peut atténuer le roux, provoquant un déséquilibre de contraste et de saturation.
- L'orange néon (#FF5C00) : La luminosité et l'énergie de l'orange néon peuvent créer un impact visuel concurrent avec le roux, rendant la combinaison trop intense.
- Le cyan (#00FFFF) : Le contraste marqué entre les tons lumineux et frais du cyan et les teintes chaudes et profondes du roux peut entraîner une dissonance qui semble dépareillée et dure.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Forêt de Bronze
Abysses de Bronze
Érable Ambré
Vérificateur de contraste
Contraste 7,47
- Texte en grand format
#80461B
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Conforme | |
Conforme | Conforme | |
Conforme | Conforme |
Contraste 2,81
- Texte en grand format
#80461B
- Texte normal
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 |
Simulations de couleurs
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
La couleur hexadécimale #80461B, connue sous le nom de Roux, a des valeurs RVB de R:128, G:70, B:27 et des valeurs CMJN de C:0, M:45, Y:79, K:50.
| VALUE | CSS | |
|---|---|---|
| HEX | #80461B | #80461B |
| RGB DECIMAL | 128, 70, 27 | RGB(128,70,27) |
| RGB PERCENTAGE | 50.2, 27.5, 10.6 | RGB(50.2%,27.5%,10.6%) |
| CMYK | 0, 45, 79, 50 | |
| HSL | HSL(25.5, 65.2%, 30.4%) | HSL(25.5, 65.2%, 30.4%) |
| HSV (OR HSB) | 25.5°, 78.9, 50.2 | |
| WEB SAFE | #1535151 | #1535151 |
| BINARY | 10000000, 01000110, 00011011 | |
| iOS - SwiftUI | Color(red: 0.502, green: 0.275, blue: 0.106) | |
| iOS - UIKit | UIColor(red: 0.502, green: 0.275, blue: 0.106, alpha: 1) | |
| Android - Compose | Color(0xFF80461B) |
