Farb-Guide
Die Farbe Green
#22C55E
Farbcodes von green
Was green bedeutet
Green is associated with nature, growth and health. It reduces eye strain and signals success and confirmation in user interfaces.
So wird es im Design eingesetzt
Perfect for success states, environmental brands, finance growth indicators and wellness products.
Farbkombinationen mit green
Harmonien, berechnet mit Farbtheorie für den Basiston 142°.
Komplementär
Maximaler Kontrast: #22C55E + #C42188
Analog
Harmonie bei ±30°: #37C421 · #22C55E · #21C4AE
Triadisch
Gleichmäßiger 120°-Abstand: #22C55E · #5D21C4 · #C45D21
green-Töne (50–900-Skala)
Fertige Tailwind-artige Skala, generiert aus #22C55E.
Farben, die gut zu green passen
FAQ zur Farbe green
Was ist der HEX-Code von green?
Ein häufig verwendeter HEX-Wert für green ist #22C55E, entsprechend rgb(34, 197, 94). Je nach gewünschter Nuance kannst du Sättigung und Helligkeit anpassen und dabei denselben Farbton (142°) beibehalten.
Welche Farben passen gut zu green?
green harmoniert wunderbar mit white, beige, charcoal, pink. Die Komplementärfarbe ist #C42188, und ein klassisches triadisches Schema ergänzt #5D21C4 und #C45D21.
Ist green barrierefrei für Text und Hintergründe?
Das hängt vom Kontrastverhältnis zur anderen Farbe ab. Nutze den NanoPalettes-Kontrast-Prüfer, um die WCAG-AA (4.5:1)- und AAA (7:1)-Konformität zu prüfen, bevor du green in Text oder UI-Elementen einsetzt.
Erstelle deine eigene green-Palette
Erzeuge harmonische Kombinationen aus #22C55E in Sekunden.
Palettengenerator öffnen