Le vert olive est une couleur complexe et atténuée avec une apparence terreuse et subtile. Positionné dans la section verte de la roue chromatique, il penche vers le jaune, lui conférant une tonalité chaleureuse et naturelle. Cette teinte particulière capture l'essence du vert olive, évoquant le vert mousse foncé.

Le vert olive 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 : #636B2F
- Valeur RVB : 38,8 % rouge, 42 % vert et 18,4 % 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 utiliser efficacement le vert olive dans le design d'interface, considérez ces approches :
- Exprimer la stabilité et la croissance. Le vert olive, avec ses nuances terreuses et naturelles, est excellent pour les plateformes de santé, de bien-être et de durabilité. Utilisez-le pour créer une atmosphère stable et rassurante.
- Améliorer l'utilisabilité dans les applications de plein air. L'association du vert olive avec la nature résonne bien avec les publics en quête d'aventure et de connexion avec la nature.
- Utiliser pour les arrière-plans ou les thèmes. Utilisez le vert olive pour les arrière-plans ou les thèmes afin d'évoquer un sentiment de sérénité et de concentration. Ses tons atténués peuvent réduire la fatigue oculaire, rendant les espaces numériques confortables pour la navigation.
- Compléter avec des tons terreux. Associez le vert olive à des tons terreux comme les marrons, les beiges et les rouges profonds pour créer un design cohérent et ancré. Cette palette peut améliorer l'expérience utilisateur en apportant chaleur et accueil à votre espace numérique.
Pour des variations dans le même spectre terreux et atténué que le vert olive, considérez :
- Le vert mousse (#8A9A5B) partage la connexion du vert olive avec la nature, présentant une teinte légèrement plus claire et plus vibrante, rappelant les pierres couvertes de mousse.
- Le kaki (#F0E68C) offre une version plus claire et plus neutre, conservant la qualité terreuse avec une tonalité plus douce et plus subtile.
- Le vert olive foncé (#556B2F) est plus proche du vert olive, offrant une version plus profonde et plus intense qui souligne la profondeur naturelle de la couleur.
- La sauge (#B2C495) introduit une touche de gris, résultant en un vert atténué qui complète l'élégance discrète du vert olive.
Pour compléter les tons ancrés du vert olive, envisagez de l'associer à :
- La crème (#FDFBD4) offre un contraste doux, rehaussant la chaleur naturelle du vert olive avec sa présence légère et aérienne.
- La rouille (#B7410E) introduit un ton terreux riche et chaleureux, offrant un contraste frappant mais harmonieux avec la fraîcheur atténuée du vert olive.
- Le bleu marine (#000080) offre un contraste profond et sophistiqué, amplifiant l'aspect terreux du vert olive avec une touche d'élégance classique.
- Le sienne brûlée (#ED7B58) ajoute une touche chaleureuse et vibrante, créant une palette accueillante et confortable qui complète le charme rustique du vert olive.
- Le beige doux (#F5F5DC) crée un fond neutre qui permet à la richesse du vert olive de se démarquer, ancrant la palette dans une simplicité naturelle.
D'autres couleurs à considérer incluent le gris charbon pour un look moderne et chic, la lavande douce pour une touche de couleur contrastante et le terracotta pour une ambiance chaleureuse et terreuse qui renforce les qualités naturelles du vert olive.
Bien que le vert olive soit polyvalent, il peut jurer avec :
- Le rose vif (#FFC0CB) peut être trop vif et éclatant, risquant de submerger la subtilité naturelle du vert olive, menant à un effet visuel discordant.
- Le bleu électrique (#00F0FF), avec son intensité vibrante, peut détourner de la chaleur terreuse du vert olive, créant un contraste saisissant.
- Le jaune néon (#CCFF00) présente une teinte d'intensité élevée qui peut éclipser l'essence naturelle et atténuée du vert olive.
- Le violet profond (#800080), bien que riche et royal, pourrait rivaliser trop fortement avec le vert olive, éclipsant sa sérénité naturelle.
- Le vert citron (#89F336), étant beaucoup plus vif et saturé, peut créer une combinaison visuellement déstabilisante avec les tons atténués du vert olive.
Le vert olive incarne la paix et la tranquillité, enraciné dans l'ancienne tradition d'offrir une branche d'olivier comme symbole d'harmonie. Ses tons terreux reflètent la stabilité, l'endurance et la résilience, faisant écho à la capacité de l'olivier à prospérer dans des conditions difficiles. Dans les contextes militaires, le vert olive représente l'honneur, la sagesse et le dévouement, illustrant les valeurs de service et d'engagement.
La psychologie des couleurs du vert olive est liée à ses nuances naturelles, favorisant des sentiments d'équilibre et de renouveau. Il crée un environnement ancré et sécurisé, souvent améliorant le bien-être et la stabilité. Le lien du vert olive avec la terre et la durabilité l'identifie comme une couleur de conscience écologique.
L'effet apaisant du vert olive et sa connexion à la nature en font un choix parfait pour le design d'interface dans les applications de bien-être, les plateformes écologiques et les espaces numériques visant à promouvoir l'harmonie et le mode de vie naturel. Les liens du vert olive avec l'authenticité et la fiabilité en font également un excellent choix pour les marques souhaitant apparaître dignes de confiance et engagées dans la gestion environnementale.
Le terme olive, désignant le fruit, est entré dans le moyen anglais au XIVe siècle depuis l'ancien grec elaia. Ce n'est qu'au XVIIe siècle que le terme vert olive, inspiré par la teinte des olives non mûres, a été reconnu en anglais.
Le vert olive est devenu un incontournable des tenues militaires au XIXe siècle. Ses tons atténués étaient idéaux pour le camouflage, aidant les soldats à se fondre dans leur environnement. Bien que l'armée américaine soit passée à un motif de camouflage « woodland » en 1981, des pays comme Israël, Cuba, l'Inde, le Venezuela et l'Autriche continuent d'utiliser le vert olive pour les uniformes.
Le vert olive a été adopté dans la mode, le design et l'art, reflétant l'évolution des attitudes envers l'écologisme et la paix. Des artistes comme Claude Monet et Thomas Wilmer Dewing ont exploré sa polyvalence dans des œuvres comme « Le Pont japonais » (1899) et « Symphonie en vert et or » (1912), mettant en lumière la capacité de la couleur à transmettre profondeur et beauté naturelle dans les paysages et les compositions abstraites.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Creux Mousseux
Clairière Enchantée
Branche d'Olivier
Vérificateur de contraste
Contraste 5,71
- Texte en grand format
#636B2F
- 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,67
- Texte en grand format
#636B2F
- 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 #636b2f, connue sous le nom de Vert olive, a des valeurs RVB de R:99, G:107, B:47 et des valeurs CMJN de C:7, M:0, Y:56, K:58.
| VALUE | CSS | |
|---|---|---|
| HEX | #636b2f | #636b2f |
| RGB DECIMAL | 99, 107, 47 | RGB(99,107,47) |
| RGB PERCENTAGE | 38.8, 42.0, 18.4 | RGB(38.8%,42.0%,18.4%) |
| CMYK | 7, 0, 56, 58 | |
| HSL | HSL(68.0, 39.0%, 30.2%) | HSL(68.0, 39.0%, 30.2%) |
| HSV (OR HSB) | 68.0°, 56.1, 42.0 | |
| WEB SAFE | #10210251 | #10210251 |
| BINARY | 01100011, 01101011, 00101111 | |
| iOS - SwiftUI | Color(red: 0.388, green: 0.420, blue: 0.184) | |
| iOS - UIKit | UIColor(red: 0.388, green: 0.420, blue: 0.184, alpha: 1) | |
| Android - Compose | Color(0xFF636B2F) |


