Le vert sauge est une couleur douce, verte avec des nuances de gris et de marron, lui conférant une sophistication discrète. Il se situe entre le vert et le bleu sur le cercle chromatique, évoquant une sensation de croissance et de paix.
Le vert sauge 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 : #BBB791
- Valeur RVB : 73,3 % rouge, 71,8 % 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 le vert sauge dans vos designs :
- Créer une ambiance naturelle. Ses tons verts atténués permettent au vert sauge de créer une sensation organique subtile dans les accents et illustrations d'interface.
- Montrer le succès et le progrès. Le vert sauge, avec ses tons gris et marron, est idéal pour les barres de progression lorsque l'urgence n'est pas nécessaire.
- Créer un fond relaxant. Les tons atténués du vert sauge en font un choix parfait pour les arrière-plans, offrant une atmosphère apaisante sans distractions, même sur de grandes toiles.
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 doux et tranquille que le vert sauge, considérez :
- Le vert sauge (#98A869) est similaire au vert sauge, offrant une alternative légèrement plus lumineuse avec moins d'influences marron.
- Le vert menthe (#ADEBB3) partage la nature rafraîchissante du vert sauge avec une touche ludique, inspirant une sensation de joie.
- Le vert olive (#636B2F) est une teinte de vert sombre et atténuée avec une légère tonalité jaunâtre.
- Le vert forêt (#2E6F40) est une teinte de vert profonde et riche incorporant du marron, offrant une sensation organique similaire.
Pour compléter le vert sauge, envisagez de l'associer avec :
- Le beige (#EDE8D0) s'associe bien avec le vert sauge, offrant une excellente option pour des éléments contrastants.
- La terracotta (#E2725B) est une couleur chaude et terreuse qui se marie bien avec le vert sauge grâce à ses nuances similaires.
- Le jaune moutarde (#FFDB58) peut apporter un peu de dynamisme à une palette de couleurs vert sauge.
- Le bleu ciel (#8FD9FB) se trouve à côté du vert sauge sur le cercle chromatique, offrant une combinaison douce et délicate qui ne crée pas de conflit.
- Le charbon (#4A4A4A) est idéal pour des accents sombres et sophistiqués associés au vert sauge.
D'autres couleurs qui complètent le vert sauge incluent des options métalliques comme l'or et l'argent, qui peuvent ajouter des touches de luxe et d'élégance. Des nuances de violet, telles que le lilas et la lavande, fonctionnent également bien pour des accents de bon goût.
Bien que le vert sauge soit subtil, il peut jurer avec :
- L'orange (#FFA500) peut être trop vif pour être associé au vert sauge, submergeant la palette de couleurs.
- Le jaune (#FFFF00) présente des sous-tons conflictuels, qui entrent en dissonance avec la teinte du vert sauge.
- Le rose vif (#FF69B4) est une option de couleur criarde qui peut déséquilibrer le vert sauge.
- Le kaki (#F0E68C) peut être chaleureux, mais son apparence atténuée crée un mélange terne et peu contrasté avec le vert sauge.
- Le vert lime (#89F336) est trop riche en présence du vert sauge.
Le vert sauge incarne l'harmonie et la croissance. Ses sous-tons verts le relient au monde naturel et aux sentiments de positivité et de régénération. Le vert sauge offre également des connotations de sécurité et d'élégance intemporelle.
En psychologie des couleurs, le vert sauge évoque des sentiments de tranquillité et de calme. Il crée un sentiment de sécurité, s'appuyant sur la capacité du vert à nous faire sentir ancrés et équilibrés.
Dans le design d’interface, le vert sauge est une option idéale pour représenter un environnementalisme sophistiqué. Ses tons atténués en font également un excellent choix pour des accents propres et minimalistes.
Les pigments verts, généralement fabriqués à partir de malachite ou d'azurite, sont utilisés depuis la préhistoire. Cependant, ce n'est qu'au XIXe siècle que des alternatives sûres aux composants toxiques, comme le vert de Scheele, ont été largement adoptées. Pendant cette période, le terme "sauge" a commencé à être utilisé pour décrire une couleur spécifique.
Aujourd'hui, la teinte exacte du vert sauge est devenue standardisée, trouvant des applications dans les beaux-arts, la mode et le design d’interface.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Bouquet d'Iris
Pluie Pourpre
Véritable Drame
Vérificateur de contraste
Contraste 2,04
- Texte en grand format
#BBB791
- 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 10,3
- Texte en grand format
#BBB791
- 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 #bbb791, connue sous le nom de Sauge, a des valeurs RVB de R:187, G:183, B:145 et des valeurs CMJN de C:0, M:2, Y:22, K:27.
| VALUE | CSS | |
|---|---|---|
| HEX | #bbb791 | #bbb791 |
| RGB DECIMAL | 187, 183, 145 | RGB(187,183,145) |
| RGB PERCENTAGE | 73.3, 71.8, 56.9 | RGB(73.3%,71.8%,56.9%) |
| CMYK | 0, 2, 22, 27 | |
| HSL | HSL(54.3, 23.6%, 65.1%) | HSL(54.3, 23.6%, 65.1%) |
| HSV (OR HSB) | 54.3°, 22.5, 73.3 | |
| WEB SAFE | #204204153 | #204204153 |
| BINARY | 10111011, 10110111, 10010001 | |
| iOS - SwiftUI | Color(red: 0.733, green: 0.718, blue: 0.569) | |
| iOS - UIKit | UIColor(red: 0.733, green: 0.718, blue: 0.569, alpha: 1) | |
| Android - Compose | Color(0xFFBBB791) |
