Le terracotta est une couleur orange-brun saturée qui évoque l'argile cuite, lui conférant une qualité chaleureuse et terreuse. Il se situe à l'intersection du rouge et du jaune sur la roue chromatique, lui donnant une sensation estivale éclatante.
Le terracotta 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 : #E35336
- Valeur RVB : 89 % rouge, 32,5 % vert, et 21,2 % 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 terracotta dans vos designs :
- Créer des accents. Utilisez le terracotta avec parcimonie pour mettre en valeur des éléments importants comme les boutons d'appel à l'action et les textes contenant des informations essentielles.
- Améliorer la lisibilité et l'accessibilité. Le terracotta peut créer un contraste entre les textes et les arrière-plans, facilitant la lecture pour les utilisateurs sans fatiguer leurs yeux.
- Évoquer des émotions positives. La vivacité et la richesse du terracotta peuvent être véritablement contagieuses. Utilisez une palette de couleurs terracotta pour aider les utilisateurs à se sentir dynamisés et prêts à agir.
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 de couleurs que le terracotta, considérez :
- Le cinabre (#E84B3D) est un mélange de rouge et d'orange qui manque des tons bruns du terracotta.
- Le rouge-orangé (#FF4B33) partage les teintes orange et rouge du terracotta mais penche plus vers le rouge.
- La cannelle (#D47E30) est une couleur brune vibrante avec des nuances de rouge et d'orange.
Pour compléter le terracotta, envisagez de l'associer avec :
- Le turquoise (#40E0D0) complète le terracotta sans le dominer.
- Le champagne (#F7E6CA) et le terracotta sont souvent associés dans l'architecture coloniale espagnole.
- Le kaki (#D5C58A) génère un sentiment de confort et de stabilité lorsqu'il est associé au terracotta.
- Le bleu royal (#305CDE) est une teinte brillante qui crée un contraste classique et élégant avec le terracotta.
D'autres couleurs à considérer incluent le blanc pour une esthétique hivernale, la sauge pour une palette de couleurs rustique, et la crème pour un schéma de couleurs inspiré des missions espagnoles.
Bien que le terracotta soit audacieux, il peut jurer avec :
- Le rose (#FF1D8D) est un rose saturé avec une nuance bleue qui entre en dissonance avec la chaleur terreuse du terracotta.
- Le jaune vif (#FFED29) est un jaune très saturé qui crée un contraste visuellement perturbant avec le terracotta.
- La puce (#E491A6) est une couleur atténuée avec une nuance légèrement plus froide qui peut jurer avec les tons chauds du terracotta.
- Le bleu nuit (#272757) peut donner une aura terne et peu accueillante lorsqu'il est associé au terracotta.
- Le vert néon (#2CFF05) peut dominer la teinte plus atténuée du terracotta.
Le terracotta incarne la sérénité et l'ancrage. Cette couleur a un effet apaisant qui peut aider les spectateurs à se détendre. Elle peut également encourager un sentiment d'appréciation pour la beauté naturelle et terreuse.
En psychologie des couleurs, le terracotta évoque des sentiments de protection et de soin. Sa ressemblance avec l'argile cuite et le sol naturel lui confère une connexion terreuse, créant un sentiment de stabilité, d'ancrage et de sécurité.
Dans le design d’interface, le terracotta peut être un catalyseur d'action. L'incorporation de cette couleur dans les pages web peut ajouter une énergie bienvenue et une excitation. Envisagez d'utiliser cette couleur dans les applications de fitness, de santé et de voyage.
Le terracotta, un type de céramique à base d'argile, est abondant dans presque toutes les régions du monde et ce, depuis des siècles. L'une des utilisations les plus anciennes et les plus célèbres de cette couleur unique est l'armée de terracotta de l'empereur Qin Shi Huang. Les historiens estiment que plus de 8 000 statues de soldats en terracotta ont été construites en 248 avant notre ère pour être enterrées avec l'empereur après son décès en 210 avant notre ère.
Plus d'un millénaire plus tard, les Espagnols se sont tournés vers les schémas de couleurs terracotta. Les carreaux de sol et de toit en terracotta sont abondants dans les maisons de style colonial espagnol. Alors que les conquistadors prenaient des terres aux peuples autochtones des Amériques, ils ont construit de nombreuses missions mettant en avant cette couleur.
Dans le monde de l'art contemporain, le terracotta reste une couleur populaire parmi les artistes de toutes les frontières. Les schémas de couleurs terracotta sont fréquemment utilisés dans l'art mural, la décoration intérieure, la mode moderne et les logos d'entreprise.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Brique
Terrasse Terracotta
Affaire Éclectique
Vérificateur de contraste
Contraste 3,78
- Texte en grand format
#E35336
- 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 5,56
- Texte en grand format
#E35336
- 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 #e35336, connue sous le nom de terracotta, a des valeurs RVB de R:227, G:83, B:54 et des valeurs CMJN de C:0, M:63, Y:76, K:11.
| VALUE | CSS | |
|---|---|---|
| HEX | #e35336 | #e35336 |
| RGB DECIMAL | 227, 83, 54 | RGB(227,83,54) |
| RGB PERCENTAGE | 89.0, 32.5, 21.2 | RGB(89.0%,32.5%,21.2%) |
| CMYK | 0, 63, 76, 11 | |
| HSL | HSL(10.1, 75.5%, 55.1%) | HSL(10.1, 75.5%, 55.1%) |
| HSV (OR HSB) | 10.1°, 76.2, 89.0 | |
| WEB SAFE | #20410251 | #20410251 |
| BINARY | 11100011, 01010011, 00110110 | |
| iOS - SwiftUI | Color(red: 0.890, green: 0.325, blue: 0.212) | |
| iOS - UIKit | UIColor(red: 0.890, green: 0.325, blue: 0.212, alpha: 1) | |
| Android - Compose | Color(0xFFE35336) |