Farb-Guide

Die Farbe Emerald

#10B981

Farbcodes von emerald

HEX
#10B981
RGB
rgb(16, 185, 129)
HSL
hsl(160, 84%, 39%)
OKLCH
oklch(80% 0.04 197)

Was emerald bedeutet

Emerald is deep, jewel-toned growth. Richer than basic green, it feels established and secure.

So wird es im Design eingesetzt

Strong for finance success states, eco-premium brands and elegant dark themes.

Farbkombinationen mit emerald

Harmonien, berechnet mit Farbtheorie für den Basiston 160°.

Komplementär

Maximaler Kontrast: #10B981 + #B71048

Im Editor öffnen

Analog

Harmonie bei ±30°: #10B72C · #10B981 · #109BB7

Triadisch

Gleichmäßiger 120°-Abstand: #10B981 · #7F10B7 · #B77F10

emerald-Töne (50–900-Skala)

Fertige Tailwind-artige Skala, generiert aus #10B981.

50 #000000
100 #000000
200 #010504
300 #082C20
400 #0F6649
500 #10B77F
600 #37E2A9
700 #75E5C0
800 #9FE9D0
900 #B6EDDB

Farben, die gut zu emerald passen

FAQ zur Farbe emerald

Was ist der HEX-Code von emerald?

Ein häufig verwendeter HEX-Wert für emerald ist #10B981, entsprechend rgb(16, 185, 129). Je nach gewünschter Nuance kannst du Sättigung und Helligkeit anpassen und dabei denselben Farbton (160°) beibehalten.

Welche Farben passen gut zu emerald?

emerald harmoniert wunderbar mit gold, cream, navy, coral. Die Komplementärfarbe ist #B71048, und ein klassisches triadisches Schema ergänzt #7F10B7 und #B77F10.

Ist emerald 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 emerald in Text oder UI-Elementen einsetzt.

Erstelle deine eigene emerald-Palette

Erzeuge harmonische Kombinationen aus #10B981 in Sekunden.

Palettengenerator öffnen