
Roue chromatique Figma
Vous souhaitez trouver les couleurs complémentaires ou analogues parfaites pour assortir le vert sauge ?
Naviguer jusqu'au contenu principal
Tout ce que vous devez savoir sur le vert sauge pour inspirer votre prochain design.
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.
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 :
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 :
Pour compléter le vert sauge, envisagez de l'associer avec :
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 :
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.
Nuances
Teintes
Tons
Teintes
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Bouquet d'Iris
Pluie Pourpre
Véritable Drame
Contraste 2,04
#BBB791
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
#BBB791
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Conforme | |
Conforme | Conforme | |
Conforme | Conforme |
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) |

Vous souhaitez trouver les couleurs complémentaires ou analogues parfaites pour assortir le vert sauge ?

Découvrez les sensations de tranquillité associées au vert forêt.

Apprenez-en plus sur la légèreté subtile des pastels.