Cercle chromatique Figma
Vous souhaitez trouver les couleurs complémentaires ou analogues parfaites pour assortir la prune ?
La prune est un pourpre profond et riche, mélangeant le rouge avec une touche de marron. Nichée entre le pourpre et le marron sur le cercle chromatique, elle évoque sophistication et chaleur. Les teintes apparentées incluent le vin et l'aubergine. Utilisez la prune pour ajouter de l'élégance ou une touche de drame à vos designs, notamment dans des mises en page minimalistes.
La prune 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 : #8E4585
- Valeur RVB : 55,7 % rouge, 27,1 % vert, 52,2 % 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 prune, considérez :
- L'aubergine (#372528) : L'aubergine imite les nuances sombres et riches de la prune avec son mélange profond de pourpre et de marron, créant une intensité dramatique.
- Le bordeaux (#660033) : Le bordeaux offre une profondeur et une élégance comparables, infusant des tons de rouge foncé et de pourpre comme ceux d'une prune mûre.
- Le violet foncé (#341539) : Le violet foncé capture l'ambiance mystérieuse de la prune avec son pourpre profond et luxuriant, évoquant richesse et mystère.
- Le rouge foncé (#950606) : Le rouge foncé partage une profondeur et une chaleur similaires avec ses nuances riches et profondes, reflétant l'apparence opulente de la prune.
Pour compléter la prune, envisagez de l'associer avec :
- Le vert menthe (#ADEBB3) : Cette couleur introduit un contraste rafraîchissant, rehaussant la richesse de la prune tout en maintenant un équilibre harmonieux.
- L'or (#EFBF04) : L'or ajoute une touche de luxe et de chaleur, créant une association sophistiquée avec les teintes profondes de la prune.
- La crème (#FDFBD4) : En tant que base neutre, la crème permet à la prune de briller et offre un équilibre subtil et élégant à la palette de couleurs.
- Le jaune clair (#FFFFC5) : Cette teinte douce et ensoleillée apporte de la luminosité à la profondeur de la prune, offrant une combinaison joyeuse et équilibrée.
D'autres couleurs à considérer incluent l'argent pour un look moderne et épuré, le corail pour un contraste vif, et le bleu marine pour une association classique et audacieuse.
Bien que la prune soit profonde et riche, elle peut entrer en dissonance avec :
- Le vert néon (#2CFF05) : Sa luminosité intense éclipse la prune, résultant en un contraste saisissant.
- L'écarlate (#ED2100) : La chaleur vive de l'écarlate entre en conflit avec la profondeur froide de la prune, rendant l'association déséquilibrée.
- Le jaune foncé (#BA8E23) : Cette teinte boueuse ternit la qualité royale de la prune, créant un look disharmonieux.
- L'orange vif (#FF991C) : La vibrance énergique de l'orange vif rivalise avec la prune, menant à une tension visuelle.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Cascade de Prune
Kismet Vif
Mirage de Pétales
Vérificateur de contraste
Contraste 6,29
- Texte en grand format
#8E4585
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Non conforme | |
Conforme | Conforme | |
Conforme | Conforme |
Contraste 3,34
- Texte en grand format
#8E4585
- 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 |
Simulations de couleurs
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
La couleur hexadécimale #8e4585, connue sous le nom de Prune, a des valeurs RVB de R:142, G:69, B:133 et des valeurs CMJN de C:0, M:51, Y:6, K:44.
| VALUE | CSS | |
|---|---|---|
| HEX | #8e4585 | #8e4585 |
| RGB DECIMAL | 142, 69, 133 | RGB(142,69,133) |
| RGB PERCENTAGE | 55.7, 27.1, 52.2 | RGB(55.7%,27.1%,52.2%) |
| CMYK | 0, 51, 6, 44 | |
| HSL | HSL(307.4, 34.6%, 41.4%) | HSL(307.4, 34.6%, 41.4%) |
| HSV (OR HSB) | 307.4°, 51.4, 55.7 | |
| WEB SAFE | #15351153 | #15351153 |
| BINARY | 10001110, 01000101, 10000101 | |
| iOS - SwiftUI | Color(red: 0.557, green: 0.271, blue: 0.522) | |
| iOS - UIKit | UIColor(red: 0.557, green: 0.271, blue: 0.522, alpha: 1) | |
| Android - Compose | Color(0xFF8E4585) |
