Guide couleur
Couleur Green
#22C55E
Codes de la couleur green
Ce que signifie le green
Green is associated with nature, growth and health. It reduces eye strain and signals success and confirmation in user interfaces.
Comment l'utiliser en design
Perfect for success states, environmental brands, finance growth indicators and wellness products.
Combinaisons de couleurs avec le green
Harmonies calculées avec la théorie des couleurs pour la teinte de base 142°.
Complémentaire
Contraste maximal : #22C55E + #C42188
Analogue
Harmonie à ±30° : #37C421 · #22C55E · #21C4AE
Triadique
Espacement uniforme de 120° : #22C55E · #5D21C4 · #C45D21
Tons de la couleur green (échelle 50–900)
Échelle style Tailwind prête à l'emploi générée à partir de #22C55E.
Couleurs qui vont bien avec le green
FAQ sur la couleur green
Quel est le code HEX de la couleur green ?
Une valeur HEX très utilisée pour green est #22C55E, ce qui équivaut à rgb(34, 197, 94). Selon la nuance souhaitée, tu peux ajuster la saturation et la luminosité en gardant la même teinte (142°).
Quelles couleurs vont bien avec le green ?
Le green s'accorde magnifiquement avec white, beige, charcoal, pink. Sa couleur complémentaire est le #C42188, et un schéma triadique classique ajoute #5D21C4 et #C45D21.
Le green est-il accessible pour le texte et les fonds ?
Cela dépend du ratio de contraste avec l'autre couleur. Utilise le vérificateur de contraste de NanoPalettes pour vérifier la conformité WCAG AA (4.5:1) et AAA (7:1) avant d'utiliser le green dans du texte ou des éléments d'interface.
Crée ta propre palette green
Génère des combinaisons harmonieuses à partir de #22C55E en quelques secondes.
Ouvrir le générateur de palettes