L'émeraude est un vert luxuriant et vibrant qui incarne le luxe et l'élégance. Nichée entre le vert et le bleu sur le cercle chromatique, sa teinte riche et précieuse scintille comme aucune autre. Évoquant des nuances comme le vert jade et le bleu canard, l'émeraude apporte une sophistication aux designs, parfaite pour créer une ambiance classique et opulente.

L'émeraude 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 : #50C878
- Valeur RVB : 31,4 % rouge, 78,4 % vert, 47,1 % 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'émeraude, considérez :
- Le vert jade (#00bb77) : Le vert jade canalise la sensation vibrante et luxuriante de l'émeraude avec sa riche teinte verte, créant un visuel vivant et revigorant similaire à un feuillage dense.
- Le vert foncé (#06402b) : Offrant une teinte plus profonde et intense, le vert foncé complète l'ambiance luxueuse de l'émeraude tout en maintenant une sérénité naturelle profonde.
- Le vert forêt (#2e6f40) : Le vert forêt incarne l'essence tranquille de la nature avec sa teinte profonde et apaisante, reflétant de près le captivant ton vert de l'émeraude.
- Le vert chasseur (#2c5f34) : Le vert chasseur reflète la richesse veloutée et profonde semblable à l'émeraude, évoquant les profondeurs sereines d'une forêt dense avec sa belle teinte sombre.
Pour compléter l'émeraude, envisagez de l'associer avec :
- La pêche (#FFD3AC) : Cette teinte douce et chaude équilibre la fraîcheur de l'émeraude, créant une palette douce et harmonieuse rappelant le printemps.
- Le champagne (#F7E6CA) : Sa teinte claire et atténuée offre un contraste subtil qui permet aux qualités vibrantes de l'émeraude de briller, ajoutant de l'élégance au design global.
- Le bleu royal (#305CDE) : Ce bleu audacieux contraste magnifiquement avec le vert riche de l'émeraude, créant un look royal et dynamique. Il évoque une combinaison de tons précieux captivante, rappelant les pierres précieuses.
- Le beige (#EDE8D0) : Avec son arrière-plan neutre, le beige offre un contrepoint apaisant, laissant l'émeraude occuper le devant de la scène sans dominer la palette.
- L'orange brûlé (#BE5103) : Un contraste chaud et terreux qui rehausse le vert vibrant de l'émeraude, créant une combinaison frappante et inspirée de la nature qui semble équilibrée et dynamique.
Bien que l'émeraude (HEX #00674F) soit une teinte riche et vibrante souvent associée au luxe et à la nature, certaines couleurs peuvent entrer en dissonance avec elle, créant des combinaisons moins harmonieuses :
- Le rose néon (#FF13F0) : La luminosité du rose néon crée un contraste net avec l'émeraude, faisant que les deux couleurs rivalisent visuellement plutôt que de se compléter.
- La rouille (#B7410E) : La rouille a une teinte chaude et terreuse qui peut jurer avec la qualité plus vive et plus fraîche de l'émeraude, résultant en un mélange discordant.
- Le rouge cramoisi (#B22222) : L'intensité du rouge cramoisi peut éclipser l'élégance de l'émeraude, conduisant à une association qui semble visuellement lourde et déséquilibrée.
- L'orange néon (#FF5C00) : L'audace de l'orange néon peut submerger la subtilité de l'émeraude, créant une palette criarde et trop vibrante.
- La chartreuse (#CCFF00) : La haute saturation de la chartreuse peut éclipser la profondeur de l'émeraude, aboutissant à une combinaison visuellement bruyante et peu raffinée.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Éclat Verdoyant
Rougeur Botanique
Prairie Enchantée
Vérificateur de contraste
Contraste 2,13
- Texte en grand format
#50C878
- 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 9,87
- Texte en grand format
#50C878
- 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 #50C878, connue sous le nom de Émeraude, a des valeurs RVB de R:80, G:200, B:120 et des valeurs CMJN de C:60, M:0, Y:40, K:22.
| VALUE | CSS | |
|---|---|---|
| HEX | #50C878 | #50C878 |
| RGB DECIMAL | 80, 200, 120 | RGB(80,200,120) |
| RGB PERCENTAGE | 31.4, 78.4, 47.1 | RGB(31.4%,78.4%,47.1%) |
| CMYK | 60, 0, 40, 22 | |
| HSL | HSL(140.0, 52.2%, 54.9%) | HSL(140.0, 52.2%, 54.9%) |
| HSV (OR HSB) | 140.0°, 60.0, 78.4 | |
| WEB SAFE | #102204102 | #102204102 |
| BINARY | 01010000, 11001000, 01111000 | |
| iOS - SwiftUI | Color(red: 0.314, green: 0.784, blue: 0.471) | |
| iOS - UIKit | UIColor(red: 0.314, green: 0.784, blue: 0.471, alpha: 1) | |
| Android - Compose | Color(0xFF50C878) |


