
Roue chromatique Figma
Vous souhaitez trouver les couleurs complémentaires ou analogues parfaites pour assortir le taupe ?
Naviguer jusqu'au contenu principal
Tout ce que vous devez savoir sur le taupe pour inspirer votre prochain design.
Le taupe est une couleur subtile et raffinée, un gris-brun qui se situe entre le rouge et le jaune sur la roue chromatique, lui conférant une nuance chaude et riche. Cette teinte neutre et atténuée englobe une gamme de couleurs, allant des gris brunâtres aux bruns foncés, évoquant sophistication et stabilité.

Le taupe 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 taupe 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 sombre que le taupe, considérez :
Pour compléter le taupe, envisagez de l'associer à :
Vous pouvez également envisager d'associer le taupe à des tons de bijoux pour un look luxueux, des nuances de sauge ou de vert olive pour compléter la chaleur naturelle du taupe, et des bruns plus clairs ou des tons camel pour un design équilibré et rustique.
Bien que le taupe soit une couleur neutre et chaleureuse, il peut jurer avec :
Le taupe évoque la praticité et la sophistication, s'appuyant sur des sous-tons rouge-orange pour la chaleur. Les tons bruns et gris terreux du taupe transmettent stabilité, calme et pragmatisme.
Le taupe favorise des sentiments de calme et de sérénité. Sa teinte atténuée évite de submerger les sens, créant un sentiment de tranquillité ancré. Les sous-tons rouge-orange évoquent confort et chaleur tout en inspirant la créativité.
Le taupe peut agir comme un contrepoint apaisant aux couleurs vives, créer une hiérarchie en permettant à d'autres couleurs de se démarquer, ou évoquer la sophistication lorsqu'il est associé à des tons similaires atténués. Sa polyvalence est très appréciée dans diverses applications pour évoquer chaleur, professionnalisme et élégance, créant une expérience utilisateur plus accueillante.
Le mot taupe vient du français "taupe" et du latin "talpa", signifiant "taupe", en référence à la couleur moyenne de la peau de taupe. La première utilisation documentée de "taupe" pour décrire une couleur remonte à un article de journal de 1846, qui notait le taupe comme un choix à la mode parmi d'autres teintes.
Au fil du temps, le taupe a été constamment utilisé dans la mode et le design d'intérieur en raison de sa polyvalence et de son élégance discrète.
Nuances
Teintes
Tons
Teintes
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Café Moka
Vues de Montagne
Les Bois
Contraste 9,07
#54463A
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Conforme | |
Conforme | Conforme | |
Conforme | Conforme |
Contraste 2,31
#54463A
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 #54463a, connue sous le nom de Taupe, a des valeurs RVB de R:84, G:70, B:58 et des valeurs CMJN de C:0, M:17, Y:31, K:67.
| VALUE | CSS | |
|---|---|---|
| HEX | #54463a | #54463a |
| RGB DECIMAL | 84, 70, 58 | RGB(84,70,58) |
| RGB PERCENTAGE | 32.9, 27.5, 22.7 | RGB(32.9%,27.5%,22.7%) |
| CMYK | 0, 17, 31, 67 | |
| HSL | HSL(27.7, 18.3%, 27.8%) | HSL(27.7, 18.3%, 27.8%) |
| HSV (OR HSB) | 27.7°, 31.0, 32.9 | |
| WEB SAFE | #1025151 | #1025151 |
| BINARY | 01010100, 01000110, 00111010 | |
| iOS - SwiftUI | Color(red: 0.329, green: 0.275, blue: 0.227) | |
| iOS - UIKit | UIColor(red: 0.329, green: 0.275, blue: 0.227, alpha: 1) | |
| Android - Compose | Color(0xFF54463A) |

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

Découvrez la couleur gris.

Découvrez la couleur captivante du bleu nuit.