L'améthyste est un pourpre apaisant et royal avec des nuances de bleu, niché entre le violet et la lavande sur le cercle chromatique. Elle incarne l'élégance et le calme. Des teintes similaires incluent le lilas et la prune. Utilisez-la dans vos designs pour ajouter une touche de sophistication et de tranquillité, parfaite pour une ambiance sereine et harmonieuse.
L'améthyste 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 : #9966CC
- Valeur RVB : 60,0 % rouge, 40,0 % vert, 80,0 % 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 l'améthyste, considérez :
- Le violet (#7f00ff) : Le violet ressemble de près à l'améthyste avec sa teinte riche et profonde qui penche légèrement vers un ton bleu-violet plus intense. Les deux couleurs partagent une qualité vibrante et accrocheuse.
- L'indigo (#560591) : L'indigo offre une nuance de bleu-violet foncé, semblable à l'attrait mystique de l'améthyste. Il procure une profondeur et une richesse similaires, bien que légèrement plus sombre avec des sous-tons bleus.
- La lavande (#d3d3ff) : La lavande est une variante plus douce et plus claire de l'améthyste, capturant la même essence pourpre apaisante avec une sensation plus pastel et délicate. Elle reflète le côté plus atténué du spectre de l'améthyste.
- Le pourpre (#9d00ff) : Le pourpre apporte une variation intense et audacieuse, tout comme l'améthyste. Il partage les caractéristiques fondamentales de l'améthyste avec une teinte forte et vive, ajoutant une nuance légèrement plus rouge.
Pour compléter l'améthyste, envisagez de l'associer avec :
- L'or (#EFBF04) : L'or introduit un contraste chaud et luxueux aux tons froids de l'améthyste, ajoutant une touche sophistiquée et royale à la palette de couleurs.
- Le vert menthe (#ADEBB3) : Le vert menthe apporte un équilibre rafraîchissant et vibrant, mettant en valeur la profondeur riche de l'améthyste tout en créant une combinaison apaisante et harmonieuse.
- Le rose blush (#FF7782) : Le rose blush ajoute une touche douce et romantique à l'améthyste, renforçant sa douceur et créant une esthétique chaleureuse et accueillante.
- L'ivoire (#FFFFE3) : L'ivoire sert de toile de fond neutre, permettant à l'améthyste de se démarquer tout en maintenant un look propre et classique.
- L'abricot (#FFB27F) : L'énergie légère et chaleureuse de l'abricot complète l'améthyste en offrant un contraste vivant mais équilibré.
Bien que l'améthyste, une teinte mystique, évoque le luxe et la tranquillité, elle peut jurer avec :
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Oasis Mystique
Harmonie Luxuriante
Éclat d'Orchidée
Vérificateur de contraste
Contraste 4,1
- Texte en grand format
#9966CC
- 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,13
- Texte en grand format
#9966CC
- 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 #9966CC, connue sous le nom de Améthyste, a des valeurs RVB de R:153, G:102, B:204 et des valeurs CMJN de C:25, M:50, Y:0, K:20.
| VALUE | CSS | |
|---|---|---|
| HEX | #9966CC | #9966CC |
| RGB DECIMAL | 153, 102, 204 | RGB(153,102,204) |
| RGB PERCENTAGE | 60.0, 40.0, 80.0 | RGB(60.0%,40.0%,80.0%) |
| CMYK | 25, 50, 0, 20 | |
| HSL | HSL(270.0, 50.0%, 60.0%) | HSL(270.0, 50.0%, 60.0%) |
| HSV (OR HSB) | 270.0°, 50.0, 80.0 | |
| WEB SAFE | #153102204 | #153102204 |
| BINARY | 10011001, 01100110, 11001100 | |
| iOS - SwiftUI | Color(red: 0.600, green: 0.400, blue: 0.800) | |
| iOS - UIKit | UIColor(red: 0.600, green: 0.400, blue: 0.800, alpha: 1) | |
| Android - Compose | Color(0xFF9966CC) |
