Cercle chromatique Figma
Vous souhaitez trouver les couleurs complémentaires ou analogues parfaites pour assortir la paille ?
La paille est une teinte chaleureuse et rustique qui incarne la simplicité et le calme. Nichée entre le jaune et le beige sur le cercle chromatique, elle se présente comme un or pâle et doux. Les teintes apparentées incluent le blé et le foin. Idéale pour les designs, elle apporte une touche de chaleur et un attrait naturel. Essayez-la en arrière-plan ou en accent pour une ambiance chaleureuse.
La paille est définie par les codes et valeurs de couleur suivants pour garantir la cohérence sur diverses plateformes et appareils numériques.
- Code Hex : #E4D96F
- Valeur RVB : 89,4 % rouge, 85,1 % vert, 43,5 % 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 la paille, considérez :
- La crème (#fdfbd4) : La crème partage une nuance jaune pâle et chaleureuse rappelant la teinte dorée légère de la paille, créant un aspect de fibre naturelle.
- Le jaune clair (#ffffc5) : Le jaune clair évoque la teinte dorée de la paille avec sa couleur douce et ensoleillée, offrant une apparence légère et aérée.
- Le beige (#ede8d0) : Le beige s'aligne avec la paille grâce à son ton terreux et sa chaleur subtile, évoquant la teinte naturelle et rustique de l'herbe séchée.
- Le jaune pastel (#ffee8c) : Le jaune pastel incarne le même éclat doux et atténué de la paille, capturant son essence dorée pâle et sa teinte de blé.
Pour compléter la paille, envisagez de l'associer avec :
- Le vert olive (#636B2F) : Ce ton riche et terreux contraste magnifiquement avec la teinte ocre clair de la paille, créant une harmonie naturelle rappelant les champs et le feuillage.
- L'orange brûlé (#BE5103) : Cette teinte chaude et rustique dynamise la palette de la paille, imitant les tons lumineux d'un coucher de soleil de récolte pour une atmosphère chaleureuse et accueillante.
- Le bleu clair (#90D5FF) : Cette teinte douce et rafraîchissante équilibre le ton jaune chaud de la paille, évoquant une scène colorée sereine et ensoleillée rappelant les cieux clairs au-dessus des champs dorés.
- Le bordeaux (#660033) : Offrant un contraste profond et riche, le bordeaux rehausse la teinte dorée pâle de la paille, ajoutant profondeur et sophistication tout en maintenant un ton terreux.
Bien que la paille ait un ton chaud et terreux rappelant la couleur ensoleillée et l'herbe séchée, elle peut entrer en dissonance avec :
- Le rouge cramoisi (#B22222) : Cette teinte intense et profonde domine la paille, créant un contraste marqué qui détourne de sa qualité douce et naturelle de fibre.
- Le céruléen (#007BA7) : La fraîcheur et la vivacité du céruléen peuvent sembler dures contre l'essence jaune chaude de la paille, menant à un effet visuel discordant.
- Le vert néon (#2CFF05) : Avec sa teinte ultra-vive et éclatante, le vert néon peut perturber la teinte rustique et chaleureuse de la paille, créant une discorde visuelle déstabilisante.
- Le bleu royal (#305CDE) : La présence audacieuse et royale du bleu royal peut éclipser les attributs dorés pâles de la paille, résultant en un look déséquilibré.
- Le magenta (#FD3DB5) : La teinte beige subtile de la paille a du mal à s'harmoniser avec l'audace du magenta, menant à une tension visuelle potentielle et un duo trop bruyant.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Tons vifs
Ciel citron
Éclat de jardin
Vérificateur de contraste
Contraste 1,45
- Texte en grand format
#E4D96F
- 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 14,45
- Texte en grand format
#E4D96F
- 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 #E4D96F, connue sous le nom de Paille, a des valeurs RVB de R:228, G:217, B:111 et des valeurs CMJN de C:0, M:5, Y:51, K:11.
| VALUE | CSS | |
|---|---|---|
| HEX | #E4D96F | #E4D96F |
| RGB DECIMAL | 228, 217, 111 | RGB(228,217,111) |
| RGB PERCENTAGE | 89.4, 85.1, 43.5 | RGB(89.4%,85.1%,43.5%) |
| CMYK | 0, 5, 51, 11 | |
| HSL | HSL(54.4, 68.4%, 66.5%) | HSL(54.4, 68.4%, 66.5%) |
| HSV (OR HSB) | 54.4°, 51.3, 89.4 | |
| WEB SAFE | #204204102 | #204204102 |
| BINARY | 11100100, 11011001, 01101111 | |
| iOS - SwiftUI | Color(red: 0.894, green: 0.851, blue: 0.435) | |
| iOS - UIKit | UIColor(red: 0.894, green: 0.851, blue: 0.435, alpha: 1) | |
| Android - Compose | Color(0xFFE4D96F) |
