L'écru est une teinte riche et chaleureuse, neutre, avec des nuances de jaune et de marron. Sa légèreté et son absence de vivacité offrent une sensation douce et réconfortante, tandis que ses tons naturels évoquent une impression de simplicité et d'ancrage.

L'écru 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 : #E0CD95
- Valeur RVB : 87,8 % rouge, 80,4 % vert, et 58,4 % 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 l'écru dans vos designs :
- Créer une esthétique propre et minimaliste. La teinte douce et neutre de l'écru crée un fond apaisant pour vos éléments d'interface, leur permettant de se démarquer sans submerger l'utilisateur.
- Évoquer un sentiment de luxe et de confort. La neutralité de l'écru le rend polyvalent pour les designs ciblant la mode haut de gamme et les produits de bien-être, ou les marques mettant l'accent sur les éléments naturels, comme les soins de la peau biologiques ou les produits écologiques pour la maison.
- Améliorer la lisibilité. Si vous utilisez l'écru comme couleur de fond, assurez-vous de l'associer à des couleurs offrant suffisamment de contraste pour le texte et d'autres éléments d'interface, comme des nuances plus foncées de gris, bleu marine, ou noir.
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 neutre que l'écru, considérez :
- Le sable (#CBBD93) offre une teinte plus chaude et terreuse avec une subtile nuance de jaune rappelant les dunes côtières.
- Le kaki (#D5C58A) présente une teinte légèrement plus verte.
- Le beige (#EDE8D0) est une option plus claire et plus douce, créant une atmosphère aérée avec une touche de chaleur.
- La crème (#FDFBD4) est un blanc laiteux avec une subtile nuance de jaune.
Pour compléter l'écru, envisagez de l'associer à :
- Le vert armée (#5D6532) crée un contraste naturel et terreux, ancrant la palette.
- Le rouge cramoisi (#B22222) offre un contraste audacieux qui dynamise l'écru et crée un look saisissant.
- Le charbon (#4A4A4A) fournit un contraste moderne.
- Le rose blush (#FF7782) complète l'écru avec une touche douce et romantique.
- Le bleu nuit (#272757) contraste de manière spectaculaire, résultant en une ambiance luxueuse et élégante.
D'autres couleurs à considérer incluent des teintes pastel comme la lavande ou le vert menthe pour une touche ludique ou inattendue, et des couleurs sophistiquées comme l'or ou l'argent pour ajouter une touche de glamour.
Bien que l'écru soit neutre, il peut jurer avec :
- Le bleu électrique (#00F0FF) crée un contraste saisissant avec la douceur de l'écru.
- Le rose néon (#FF13F0) est trop vif et écrasant pour l'écru, créant une combinaison visuellement distrayante.
- Le jaune vif (#FFED29) peut entrer en dissonance avec la subtilité de l'écru, créant un look dur et déséquilibré.
- Le violet (#7F00FF) est une couleur vive qui peut submerger la qualité douce et neutre de l'écru.
L'écru incarne la simplicité, la pureté et l'élégance naturelle. Il évoque le lin non blanchi et les textures crémeuses, offrant une sensation de chaleur et de confort. L'écru peut également représenter un luxe discret et une sophistication.
En psychologie des couleurs, l'écru évoque la relaxation et le bien-être. Sa qualité neutre favorise également l'équilibre et l'harmonie.
Dans le design d'interface, l'écru crée un look propre et minimaliste. Il sert de toile de fond neutre, permettant à d'autres éléments de se démarquer. Sa chaleur et son raffinement le rendent parfait pour transmettre une sensibilité naturelle ou pour des marques haut de gamme.
Le terme "écru" dérive du mot français signifiant "brut" ou "non blanchi". Historiquement, il décrivait la couleur naturelle du lin ou de la soie non traités, le liant à la production textile et à l'évolution des techniques de teinture et de blanchiment.
Obtenir des couleurs vives était complexe et coûteux à l'époque, donc les tissus naturels non blanchis comme le lin sont devenus populaires pour leur simplicité et leur accessibilité.
Au fil des siècles, la popularité de l'écru a fluctué avec les tendances de la mode et du design. Son attrait durable vient de sa polyvalence et de son lien avec la beauté naturelle. Bien que ses origines soient pratiques, la couleur a évolué pour représenter la simplicité et la sophistication.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Élégance Terrestre
Château de Sable
Nature Sauvage
Vérificateur de contraste
Contraste 1,57
- Texte en grand format
#E0CD95
- 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 13,34
- Texte en grand format
#E0CD95
- 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 #e0cd95, connue sous le nom de Couleur écru, a des valeurs RVB de R:224, G:205, B:149 et des valeurs CMJN de C:0, M:8, Y:33, K:12.
| VALUE | CSS | |
|---|---|---|
| HEX | #e0cd95 | #e0cd95 |
| RGB DECIMAL | 224, 205, 149 | RGB(224,205,149) |
| RGB PERCENTAGE | 87.8, 80.4, 58.4 | RGB(87.8%,80.4%,58.4%) |
| CMYK | 0, 8, 33, 12 | |
| HSL | HSL(44.8, 54.7%, 73.1%) | HSL(44.8, 54.7%, 73.1%) |
| HSV (OR HSB) | 44.8°, 33.5, 87.8 | |
| WEB SAFE | #204204153 | #204204153 |
| BINARY | 11100000, 11001101, 10010101 | |
| iOS - SwiftUI | Color(red: 0.878, green: 0.804, blue: 0.584) | |
| iOS - UIKit | UIColor(red: 0.878, green: 0.804, blue: 0.584, alpha: 1) | |
| Android - Compose | Color(0xFFE0CD95) |


