L'amarante est une teinte aux tons froids située entre le rouge et le violet sur la roue chromatique. Nommée d'après la fleur d'amarante, elle équilibre la passion et le dynamisme du rouge avec le luxe et la créativité associés au violet.
L'amarante 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 : #E83256
- Valeur RVB : 91 % rouge, 19,6 % vert, et 33,7 % 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'amarante dans vos designs :
- Attirer l'attention. La vivacité de l'amarante en fait un choix parfait pour des accents accrocheurs comme les boutons d'appel à l'action ou les bannières promotionnelles.
- Évoquer des émotions fortes. Le rouge vibrant de l'amarante apporte passion et énergie aux designs, tandis que ses nuances violettes offrent un équilibre.
- Créer du contraste. Associez l'amarante à des neutres ou des bleu-verts complémentaires pour créer un contraste visuel saisissant qui améliore la lisibilité et l'attrait esthétique de votre design.
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 rouge-violet que l'amarante, considérez :
- Le rouge rose (#FA003F) est une teinte plus claire et plus froide, offrant une couleur plus rose.
- La cerise (#D20A2E) penche davantage vers le rouge, avec une touche de bleu en sous-ton.
- Le rouge cramoisi (#B22222) est un rouge audacieux et saturé avec une touche de fraîcheur.
- Le rouge brique (#C04657) incorpore un sous-ton orange, créant une sensation plus douce et rustique.
Pour compléter l'amarante, envisagez de l'associer à :
- Le rose clair (#FFB5C0) apaise la vivacité de l'amarante, créant une ambiance douce et ludique.
- Le champagne (#F7E6CA) offre un fond chaud et sophistiqué, permettant à l'amarante de briller.
- Le pistache (#84B067) est un vert doux qui contraste avec les tons rouges de l'amarante.
- L'aqua (#00FFF0) est un bleu-vert vif qui crée une combinaison ludique.
D'autres couleurs à considérer incluent le bleu marine pour un look sophistiqué, la lavande pour une touche de fantaisie, et l'ivoire pour une élégance intemporelle.
Bien que l'amarante soit audacieuse, elle peut jurer avec :
- Le jaune-vert (#CCFF00) crée un contraste déséquilibré lorsqu'il est associé à l'amarante.
- Le vermillon (#E73121) est un autre rouge intense, créant une combinaison redondante.
- L'orange brûlé (#BE5103) a unechaleur qui entre en dissonance avec les tons froids de l'amarante, résultant en un look disharmonieux.
- Le violet foncé (#341539) a une obscurité similaire qui peut rendre le design boueux.
- Le fuchsia (#FF00FF) est une couleur violette vive qui manque de contraste lorsqu'elle est combinée avec l'amarante.
Inspirée par la fleur d'amarante vibrante, la couleur amarante symbolise l'immortalité et l'amour éternel. De nombreuses cultures utilisent l'amarante pour décorer des couronnes et des mémoriaux, exprimant une affection et un souvenir durables.
En psychologie des couleurs, l'amarante équilibre l'intensité du rouge avec la nature apaisante du violet. Elle peut évoquer des sentiments de passion, de créativité et de force.
Dans le design d'interface, de petites touches d'amarante peuvent ajouter des éclats d'énergie et attirer l'attention sur des fonctionnalités clés. Elle s'associe bien avec des neutres comme les crèmes et le blanc, mais peut aussi se combiner avec des couleurs complémentaires comme le vert ou le bleu pour un contraste ludique.
Dérivée du mot grec signifiant “inaltérable”, la couleur amarante tire son nom de la fleur d'amarante. Les Grecs croyaient qu'elle fleurissait éternellement et était immortelle. Elle était utilisée dans les œuvres d'art et les décorations entourant les dieux sur le mont Olympe.
Des techniques pour fabriquer une teinture de couleur amarante similaire ont émergé pendant la Renaissance en 1671 pour teindre la laine. Ces méthodes nécessitaient une combinaison spéciale de teinture cramoisie désaturée et bleue pour produire la teinte plus claire d'amarante que nous connaissons aujourd'hui.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Rose Royal
Slushie Pastèque
Défilé de Mode
Vérificateur de contraste
Contraste 4,18
- Texte en grand format
#E83256
- 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,02
- Texte en grand format
#E83256
- 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 #e83256, connue sous le nom de Amarante, a des valeurs RVB de R:232, G:50, B:86 et des valeurs CMJN de C:0, M:78, Y:63, K:9.
| VALUE | CSS | |
|---|---|---|
| HEX | #e83256 | #e83256 |
| RGB DECIMAL | 232, 50, 86 | RGB(232,50,86) |
| RGB PERCENTAGE | 91.0, 19.6, 33.7 | RGB(91.0%,19.6%,33.7%) |
| CMYK | 0, 78, 63, 9 | |
| HSL | HSL(348.1, 79.8%, 55.3%) | HSL(348.1, 79.8%, 55.3%) |
| HSV (OR HSB) | 348.1°, 78.4, 91.0 | |
| WEB SAFE | #25551102 | #25551102 |
| BINARY | 11101000, 00110010, 01010110 | |
| iOS - SwiftUI | Color(red: 0.910, green: 0.196, blue: 0.337) | |
| iOS - UIKit | UIColor(red: 0.910, green: 0.196, blue: 0.337, alpha: 1) | |
| Android - Compose | Color(0xFFE83256) |
