L'indigo est une teinte sombre et froide qui se situe entre le bleu et le violet sur la roue chromatique. C'est une nuance profonde et riche, souvent associée à des sentiments de sagesse, de confiance et de luxe.
L'indigo 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 : #560591
- Valeur RGB : 33,7 % rouge, 2 % vert, et 56,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.
Voici quelques façons d'utiliser l'indigo dans vos designs :
- Créer des notifications sans urgence. Grâce à sa teinte riche, l'indigo est idéal pour attirer l'attention des utilisateurs sur des badges de statut ou des avis qui ne nécessitent pas d'action immédiate.
- Instiller la patience. Utilisez l'indigo pour les barres de chargement et les écrans. Sa teinte, ancrée dans le bleu, inspire un sentiment de calme—parfait lorsque vous avez besoin que l'utilisateur attende un moment.
- Mettre en valeur des points de données. L'indigo attire l'attention tout en restant professionnel. Utilisez l'indigo comme étiquette pour mettre en évidence des points d'intérêt sur un graphique ou dans une collection de données.
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 audacieux et élégant que l'indigo, considérez :
- Le pourpre royal (#7851A9) captive par son apparence luxueuse et élégante, rehaussée d'une subtile nuance de rouge.
- Le bleu marine (#000080) est une teinte de bleu foncé similaire à l'apparence profonde et riche de l'indigo.
- Le bleu de Prusse (#003153) est une nuance plus sombre d'indigo avec des éléments de vert, évoquant une élégance audacieuse et historique.
- Le pervenche (#CCCCFF) offre une version atténuée de l'indigo, privilégiant la délicatesse à la vivacité.
Pour compléter l'indigo, envisagez de l'associer avec :
- Le blanc (#FFFFFF), une option classique pour l'indigo, offre un contraste raffiné.
- L'or (#EFBF04) ajoute une touche royale et élégante lorsqu'il est associé à l'indigo, inspirant un sentiment de grandeur.
- Le jaune pastel (#FFEE8C) est idéal pour une association dynamique avec l'indigo, créant une énergie douce.
- Le rose poussiéreux (#DCA1A1) et l'indigo évoquent des sentiments de féminité et de romance.
- L'orange (#FFA500) associé à l'indigo crée une ambiance vibrante et espiègle.
D'autres couleurs à considérer incluent l'argent et la crème pour leur apparence naturelle et raffinée. Le vert clair et le taupe s'accordent également bien avec l'indigo, établissant un sentiment de calme et de stabilité.
Bien que l'indigo soit réservé, il peut jurer avec :
- Le noir (#000000) a une profondeur qui peut être écrasante à côté de l'indigo.
- Le vert néon (#2CFF05) est une teinte intense qui peut créer un effet discordant avec l'indigo.
- Le jaune moutarde (#FFDB58) peut être trop vif pour être associé à l'indigo, créant un déséquilibre.
- Le bordeaux (#550000) a des tons rouges chauds qui peuvent être désagréables lorsqu'ils sont combinés avec la teinte plus froide de l'indigo.
- Le rose vif (#FF69B4) entre en dissonance avec l'indigo en raison de sa vivacité et de ses sous-tons rouge-bleu.
L'indigo incarne la sagesse, la confiance et le luxe.
En psychologie des couleurs, la connexion de l'indigo à la royauté et à la sagesse peut promouvoir un sentiment de confiance et de fiabilité. Son apparence apaisante peut également susciter des sentiments de sérénité, évoquant la paix et la tranquillité.
L'indigo est utilisé dans le design d'interface pour instiller un sentiment de confiance et de contrôle, en faisant un choix solide pour les applications financières et d'autres domaines où la confiance est l'objectif.
Le mot "indigo" vient du terme grec pour "teinture indienne", le reliant au pays connu pour sa production. Sa première utilisation documentée remonte à 4000 av. J.-C. lorsque les Péruviens ont extrait le pigment de la plante Indigofera tinctoria.
L'indigo était très recherché au XVIe siècle en raison de sa rareté. Sa teinte profonde symbolisait la richesse et la royauté, et la couleur était souvent utilisée pour des textiles luxueux. À la fin du XIXe siècle, l'indigo synthétique a été inventé, rendant la couleur plus accessible. Aujourd'hui, il est utilisé dans la mode, le design d'intérieur et le design d'interface numérique.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Pluie Pourpre
Bouquet d'Iris
Véritable Drame
Vérificateur de contraste
Contraste 11,5
- Texte en grand format
#560591
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Conforme | |
Conforme | Conforme | |
Conforme | Conforme |
Contraste 1,83
- Texte en grand format
#560591
- 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 |
Simulations de couleurs
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
La couleur hexadécimale #560591, connue sous le nom de Indigo, a des valeurs RVB de R:86, G:5, B:145 et des valeurs CMJN de C:41, M:97, Y:0, K:43.
| VALUE | CSS | |
|---|---|---|
| HEX | #560591 | #560591 |
| RGB DECIMAL | 86, 5, 145 | RGB(86,5,145) |
| RGB PERCENTAGE | 33.7, 2.0, 56.9 | RGB(33.7%,2.0%,56.9%) |
| CMYK | 41, 97, 0, 43 | |
| HSL | HSL(274.7, 93.3%, 29.4%) | HSL(274.7, 93.3%, 29.4%) |
| HSV (OR HSB) | 274.7°, 96.6, 56.9 | |
| WEB SAFE | #1020153 | #1020153 |
| BINARY | 01010110, 00000101, 10010001 | |
| iOS - SwiftUI | Color(red: 0.337, green: 0.020, blue: 0.569) | |
| iOS - UIKit | UIColor(red: 0.337, green: 0.020, blue: 0.569, alpha: 1) | |
| Android - Compose | Color(0xFF560591) |
