Le vert foncé est une nuance profonde de vert située entre le cyan et le vert sur la roue chromatique. Grâce à ses qualités terreuses et ancrées, cette teinte est souvent associée à des sentiments de croissance, d'abondance et de succès.
Le vert foncé 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 : #06402B
- Valeur RGB : 2,4 % rouge, 25,1 % vert, et 16,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 foncé dans vos designs :
- Évoquer une sensation naturelle. Associé à des tons neutres comme le marron, la crème ou le beige, le vert foncé peut créer une palette de couleurs terreuses, idéale pour les interfaces proposant des produits biologiques ou écologiques.
- Promouvoir l'exclusivité. Un fond vert foncé peut créer une atmosphère sophistiquée, idéale pour promouvoir des produits haut de gamme ou des adhésions. Utilisez du texte blanc pour assurer la lisibilité et des couleurs comme l'or pour renforcer l'esthétique luxueuse.
- Signifier des états de succès. Utilisez le vert foncé pour indiquer des actions et statuts positifs de l'utilisateur, comme les barres de progression, les coches ou les messages de succès. Associez-le à une teinte de vert clair ou une couleur complémentaire pour les états de survol, offrant un indice visuel clair que l'élément est interactif et cliquable.
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 audacieux que le vert foncé, considérez :
- Le vert forêt (#2E6F40) est plus clair et plus frais car il contient une touche de bleu supplémentaire.
- Le vert chasseur (#2C5F34) penche davantage vers le jaune, capturant l'essence d'une forêt luxuriante.
- Le vert émeraude (#00674F) a une apparence de pierre précieuse avec des nuances bleutées.
- Le vert olive (#636B2F) présente des nuances jaunes plus visibles avec un attrait naturel similaire.
Pour compléter le vert foncé, envisagez de l'associer à :
- Le beige (#EDE8D0) apporte de la chaleur pour adoucir la profondeur du vert foncé.
- Le chocolat (#713600) apporte de la richesse pour créer une combinaison de couleurs terreuse mais élégante.
- Le jaune moutarde (#FFCE1B) peut ajouter une touche de luminosité et de gaieté lorsqu'il est associé au vert foncé.
- Le rose doux (#E89EB8) ajoute un contraste doux pour créer une association de couleurs romantique.
- Le bordeaux (#550000) partage une profondeur similaire pour un schéma de couleurs dramatique et intense.
D'autres couleurs à considérer incluent le bleu marine pour une association sophistiquée, le gris frais pour ajouter une touche de luminosité, et la sauge pour une sensation organique.
Bien que le vert foncé soit profond, il peut jurer avec :
- Le magenta (#FD3DB5) est très saturé et peut sembler visuellement discordant à côté du vert foncé.
- Le violet (#9D00FF) crée un contraste dur avec peu d'attrait visuel.
- Le vert néon (#2CFF05) a une intensité qui peut submerger la richesse du vert foncé.
- L'argent (#C4C4C4) en grande quantité peut créer une atmosphère froide et stérile lorsqu'il est associé au vert foncé.
Le vert foncé incarne la croissance, l'abondance et le luxe. Il porte également des connotations de richesse et de succès, mais peut parfois symboliser la cupidité et l'envie.
En psychologie des couleurs, le vert foncé peut évoquer des sentiments d'ancrage. Sa teinte profonde et sa connexion à la nature offrent un sentiment d'équilibre et de stabilité tout en encourageant de nouveaux départs.
Dans le design d'interface, le vert foncé peut créer une interface luxueuse en tant que couleur principale ou une sensation organique lorsqu'il est associé à d'autres teintes naturelles. Utilisez-le comme couleur de retour d'information dans les barres de progression, les cases à cocher ou d'autres éléments d'interface qui confirment les actions de l'utilisateur.
Les anciens Égyptiens utilisaient la malachite, un pigment vert à base de cuivre, dans les peintures de tombes pour symboliser l'au-delà et la résurrection. Les Romains utilisaient également un autre pigment vert populaire, le vert-de-gris, dans les peintures et les fresques. Finalement, les avancées dans les pigments ont conduit à la création du vert foncé et d'autres nuances de vert profond.
Aujourd'hui, le vert foncé est utilisé dans la mode, le design d'interface et les espaces intérieurs pour créer une atmosphère apaisante ou luxueuse, mettant en lumière sa polyvalence.
Variantes de couleur
Nuances
Teintes
Tons
Teintes
Harmonies de couleurs
Complémentaire
Complémentaire fractionnée
Monochrome
Analogue
Triadique
Tétradique
Palettes personnalisées
Malachite
Woodland
Emerald Serenity
Vérificateur de contraste
Contraste 11,82
- Texte en grand format
#06402B
- Texte normal
Le mode de conception, d'alignement et de création compte. Utilisez Figma.
| Catégorie | ||
|---|---|---|
Conforme | Conforme | |
Conforme | Conforme | |
Conforme | Conforme |
Contraste 1,78
- Texte en grand format
#06402B
- 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 |
Simulations de couleurs
Protanopie
Deutéranopie
Tritanopie
Achromatopsie
La couleur hexadécimale #06402b, connue sous le nom de Vert foncé, a des valeurs RVB de R:6, G:64, B:43 et des valeurs CMJN de C:91, M:0, Y:33, K:75.
| VALUE | CSS | |
|---|---|---|
| HEX | #06402b | #06402b |
| RGB DECIMAL | 6, 64, 43 | RGB(6,64,43) |
| RGB PERCENTAGE | 2.4, 25.1, 16.9 | RGB(2.4%,25.1%,16.9%) |
| CMYK | 91, 0, 33, 75 | |
| HSL | HSL(158.3, 82.9%, 13.7%) | HSL(158.3, 82.9%, 13.7%) |
| HSV (OR HSB) | 158.3°, 90.6, 25.1 | |
| WEB SAFE | #05151 | #05151 |
| BINARY | 00000110, 01000000, 00101011 | |
| iOS - SwiftUI | Color(red: 0.024, green: 0.251, blue: 0.169) | |
| iOS - UIKit | UIColor(red: 0.024, green: 0.251, blue: 0.169, alpha: 1) | |
| Android - Compose | Color(0xFF06402B) |
