Le fauve est une teinte douce et apaisante qui fusionne le camel et le brun clair. Situé entre le beige et le marron sur le cercle chromatique, il dégage une sensation chaleureuse et terreuse. Les teintes apparentées incluent le taupe et le camel. Utilisez-le dans vos designs pour une touche naturelle et douce qui apporte chaleur et sophistication subtile.
Le fauve 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 : #E5AA70
- Valeur RVB : 89,8 % rouge, 66,7 % vert, 43,9 % 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 fauve, considérez :
- Le beige (#ede8d0) : Offre une tonalité sableuse et douce avec une nuance chaude qui rappelle les vibrations terreuses du fauve.
- Le sable (#cbbd93) : Capture la qualité douce et atténuée du sable de plage, s'alignant avec la neutralité chaleureuse trouvée dans le fauve.
- Le kaki (#d5c58a) : Ressemble au fauve avec sa teinte atténuée et terreuse, évoquant un sens de l'équilibre naturel et du calme.
- Le camel (#d6b588) : Partage les composants brun clair du fauve, représentant une esthétique chaleureuse, discrète et naturelle.
Pour compléter le fauve, envisagez de l'associer avec :
- Le gris ardoise (#6d8196) : Cette teinte polyvalente offre un fond frais et apaisant qui contraste magnifiquement avec les tons chauds du fauve, ajoutant de la profondeur à votre palette.
- Le rose poussiéreux (#dca1a1) : Avec sa teinte rose douce et atténuée, le rose poussiéreux rehausse la chaleur douce du fauve, créant une association harmonieuse et élégante.
- Le turquoise (#40e0d0) : Ce bleu-vert vibrant ajoute une touche de fraîcheur qui dynamise la subtilité terreuse du fauve, résultant en une combinaison dynamique mais équilibrée.
- L'ivoire (#ffffe3) : La légèreté crémeuse de l'ivoire offre un complément neutre, permettant à la chaleur naturelle du fauve de prendre le devant de la scène sans dominer le design.
- Le vert olive (#636b2f) : Le vert olive introduit une ambiance terreuse et rustique qui s'associe parfaitement avec le fauve, soulignant une esthétique naturelle et ancrée.
Bien que le fauve soit une teinte douce et terreuse, il peut entrer en dissonance avec :
- Le vert néon (#2CFF05) : L'intensité lumineuse du vert néon peut éclipser la subtilité du fauve, créant un contraste de vivacité qui semble déséquilibré.
- Le cinabre (#E84B3D) : La teinte audacieuse et chaude du cinabre peut entrer en conflit avec la neutralité douce du fauve, menant à un contraste visuel dur.
- Le vermillon (#E73121) : La teinte vive et ardente du vermillon rivalise avec le fauve, résultant en une association qui semble trop forte et déconnectée.
- Le jaune vif (#FFED29) : L'énergie élevée du jaune vif peut submerger la nature atténuée du fauve, le rendant terne en comparaison.
- Le magenta (#FD3DB5) : La saturation frappante du magenta peut dominer la présence calme du fauve, résultant en une expérience visuelle discordante.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Majesté Corail
Vague de Cidre
Carnaval Ambre
Vérificateur de contraste
Contraste 2,04
- Texte en grand format
#E5AA70
- 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 |
Contraste 10,32
- Texte en grand format
#E5AA70
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Conforme | |
Conforme | Conforme | |
Conforme | Conforme |
Simulations de couleurs
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
La couleur hexadécimale #E5AA70, connue sous le nom de Fauve, a des valeurs RVB de R:229, G:170, B:112 et des valeurs CMJN de C:0, M:26, Y:51, K:10.
| VALUE | CSS | |
|---|---|---|
| HEX | #E5AA70 | #E5AA70 |
| RGB DECIMAL | 229, 170, 112 | RGB(229,170,112) |
| RGB PERCENTAGE | 89.8, 66.7, 43.9 | RGB(89.8%,66.7%,43.9%) |
| CMYK | 0, 26, 51, 10 | |
| HSL | HSL(29.7, 69.2%, 66.9%) | HSL(29.7, 69.2%, 66.9%) |
| HSV (OR HSB) | 29.7°, 51.1, 89.8 | |
| WEB SAFE | #204153102 | #204153102 |
| BINARY | 11100101, 10101010, 01110000 | |
| iOS - SwiftUI | Color(red: 0.898, green: 0.667, blue: 0.439) | |
| iOS - UIKit | UIColor(red: 0.898, green: 0.667, blue: 0.439, alpha: 1) | |
| Android - Compose | Color(0xFFE5AA70) |
