Smaragd ist ein üppiges und lebendiges Grün, das Luxus und Eleganz ausstrahlt. Zwischen Grün und Blau auf dem Farbkreis gelegen, funkelt sein reiches, juwelenartiges Grün wie kein anderes. Smaragd erinnert an Nuancen wie Jade und Petrol und verleiht Designs eine klassische und opulente Note.

Smaragd wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- Hex-Code: #50C878
- RGB-Wert: 31,4 % Rot, 78,4 % Grün, 47,1 % Blau
Barrierefreiheit spielt eine entscheidende Rolle bei der Farbwahl im UX- und UI-Design. Die Figma-Community bietet Plugins an, mit denen du sicherstellen kannst, dass deine Designs den Web Content Accessibility Guidelines entsprechen.
Für Variationen im gleichen Spektrum wie Smaragd, ziehe folgende Farben in Betracht:
- Jadegrün (#00bb77): Jadegrün vermittelt das lebendige, üppige Gefühl von Smaragd mit seinem satten Grünton und schafft eine lebendige und belebende Optik, die an dichtes Laub erinnert.
- Dunkelgrün (#06402b): Mit einem tieferen, intensiveren Ton ergänzt Dunkelgrün die luxuriöse Ausstrahlung von Smaragd und bewahrt dabei eine tiefgründige natürliche Ruhe.
- Waldgrün (#2e6f40): Waldgrün verkörpert die ruhige Essenz der Natur mit seinem tiefen, erdenden Ton und spiegelt Smaragds fesselndes Grün wider.
- Jägergrün (#2c5f34): Jägergrün reflektiert die tiefe, samtige Fülle ähnlich wie Smaragd und ruft die ruhigen Tiefen eines dichten Waldes mit seinem schönen, dunklen Ton hervor.
Um Smaragd zu ergänzen, kombiniere es mit:
- Pfirsich (#FFD3AC): Dieser sanfte, warme Ton balanciert die Kühle von Smaragd aus und schafft eine sanfte, harmonische Palette, die an den Frühling erinnert.
- Champagner (#F7E6CA): Sein heller, gedämpfter Ton bietet einen subtilen Kontrast, der die lebendigen Qualitäten von Smaragd zum Strahlen bringt und dem Gesamtdesign Eleganz verleiht.
- Königsblau (#305CDE): Dieses kräftige Blau kontrastiert wunderschön mit dem satten Grün von Smaragd und schafft einen königlichen und dynamischen Look. Es erinnert an eine auffällige, juwelenartige Kombination, die an Edelsteine erinnert.
- Beige (#EDE8D0): Mit seinem neutralen Hintergrund bietet Beige einen beruhigenden Gegenpol, der Smaragd in den Mittelpunkt rückt, ohne die Palette zu überladen.
- Gebranntes Orange (#BE5103): Ein warmer, erdiger Kontrast verstärkt das lebendige Grün von Smaragd und schafft eine auffällige, von der Natur inspirierte Kombination, die ausgewogen und dynamisch wirkt.
Während Smaragd (HEX #00674F) oft mit Luxus und Natur assoziiert wird, können bestimmte Farben im Kontrast dazu stehen und weniger harmonische Kombinationen erzeugen:
- Neonpink (#FF13F0): Die Helligkeit von Neonpink erzeugt einen scharfen Kontrast zu Smaragd, wodurch beide Farben visuell konkurrieren, anstatt sich zu ergänzen.
- Rost (#B7410E): Rost hat einen erdigen, warmen Ton, der mit der kühleren, lebendigeren Qualität von Smaragd kollidieren kann, was zu einer unharmonischen Mischung führt.
- Karmesinrot (#B22222): Die Intensität von Karmesinrot kann die Eleganz von Smaragd überschatten, was zu einer Kombination führt, die visuell schwer und unausgewogen wirkt.
- Neonorange (#FF5C00): Die Kühnheit von Neonorange kann die Subtilität von Smaragd überwältigen und eine grelle und übermäßig lebendige Palette schaffen.
- Chartreuse (#CCFF00): Die hohe Sättigung von Chartreuse kann die Tiefe von Smaragd überstrahlen, was zu einer visuell lauten und unraffinierten Kombination führt.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Üppiger Spritzer
Botanisches Erröten
Verzauberte Wiese
Kontrastprüfer
Kontrast 2,13
- Großer Text
#50C878
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Fehlgeschlagen | Fehlgeschlagen | |
Fehlgeschlagen | Fehlgeschlagen | |
Fehlgeschlagen | Fehlgeschlagen |
Kontrast 9,87
- Großer Text
#50C878
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Bestanden | Bestanden | |
Bestanden | Bestanden | |
Bestanden | Bestanden |
Farbsimulationen
Protanopie
Deuteranopie
Tritanopie
Achromatopsie
Die hexadezimale Farbe #50C878, bekannt als Smaragd, hat die RGB-Werte R:80, G:200, B:120 und die CMYK-Werte C:60, M:0, Y:40, K:22.
| VALUE | CSS | |
|---|---|---|
| HEX | #50C878 | #50C878 |
| RGB DECIMAL | 80, 200, 120 | RGB(80,200,120) |
| RGB PERCENTAGE | 31.4, 78.4, 47.1 | RGB(31.4%,78.4%,47.1%) |
| CMYK | 60, 0, 40, 22 | |
| HSL | HSL(140.0, 52.2%, 54.9%) | HSL(140.0, 52.2%, 54.9%) |
| HSV (OR HSB) | 140.0°, 60.0, 78.4 | |
| WEB SAFE | #102204102 | #102204102 |
| BINARY | 01010000, 11001000, 01111000 | |
| iOS - SwiftUI | Color(red: 0.314, green: 0.784, blue: 0.471) | |
| iOS - UIKit | UIColor(red: 0.314, green: 0.784, blue: 0.471, alpha: 1) | |
| Android - Compose | Color(0xFF50C878) |


