Smaragdgrün wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- HEX-Code: #00674F
- RGB-Wert: 0 % Rot, 40,4 % Grün und 31 % 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.
Smaragdgrün kann im UI-Design ein kraftvolles Werkzeug sein, wenn es durchdacht eingesetzt wird. So geht's:
- Luxus und Eleganz betonen. Smaragdgrün steht für Wohlstand und Raffinesse und eignet sich perfekt für Websites oder Apps von Luxusmarken. Verwende es in Kopf- oder Fußzeilen oder als Akzentfarbe, um Designs einen gehobenen Touch zu verleihen.
- Fokus auf Finanz- und umweltfreundliche Apps. Mit seiner Verbindung zu Wohlstand und Natur ist Smaragdgrün ideal für finanzbezogene Interfaces und umweltbewusste Plattformen.
- Wichtige Funktionen hervorheben. Nutze Smaragdgrün, um auf wichtige Funktionen oder CTA-Buttons aufmerksam zu machen. Seine Lebendigkeit hebt sich von dezenteren Hintergründen ab und lenkt die Nutzer zu wichtigen Interaktionen.
- Mit Gold oder Creme für Eleganz ausbalancieren. Kombiniere Smaragdgrün mit goldenen Akzenten für einen königlichen Look oder mit Creme für eine dezentere Eleganz. Diese Kombinationen können die visuelle Anziehungskraft deines UI steigern und es exklusiver und einladender wirken lassen.
Bedenke, dass Farbe und ihre Bedeutung je nach Kultur und Kontext variieren können. Wenn du für ein internationales Publikum gestaltest, informiere dich über die Farbsymbolik in den jeweiligen Regionen.
Für Variationen innerhalb des gleichen üppigen und lebendigen Spektrums wie Smaragdgrün, ziehe folgende Farben in Betracht:
- Jadegrün (#00A86B) teilt die tiefe, reiche Qualität von Smaragdgrün mit einem etwas helleren Ton, der die natürliche Eleganz des Edelsteins widerspiegelt.
- Türkis (#069494) verbindet die beruhigenden Eigenschaften von Blau mit der erfrischenden Essenz von Grün und bietet eine kühlere Alternative, die der Lebendigkeit von Smaragdgrün nahe bleibt.
- Kieferngrün (#01796F) ist dunkler und zurückhaltender, erinnert an tiefe Wälder und bietet ein natürliches, erdiges Gegenstück zur Helligkeit von Smaragdgrün.
- Seegrün (#2E8B57) führt einen helleren, gedämpfteren Ton ein, der die natürliche Lebendigkeit beibehält und einen sanfteren Ansatz zur auffälligen Brillanz von Smaragdgrün bietet.
Um die königlichen Töne von Smaragdgrün zu ergänzen, kombiniere es mit:
- Gold (#EFBF04) fügt einen schimmernden Hauch von Opulenz hinzu und schafft einen luxuriösen Kontrast, der die Reichhaltigkeit von Smaragdgrün hervorhebt.
- Creme (#FDFBD4) bietet einen weichen, warmen Hintergrund, der die Tiefe von Smaragdgrün hervorhebt und eine klassische und raffinierte Palette bietet.
- Marineblau (#000080) bietet einen tiefen, anspruchsvollen Kontrast, der die natürliche Eleganz von Smaragdgrün in einer von den Tiefen der Erde inspirierten Palette verstärkt.
- Gebranntes Orange (#BE5103) bringt einen warmen, lebendigen Kontrast, der eine herbstliche Reichhaltigkeit hinzufügt, die die Üppigkeit von Smaragdgrün ergänzt.
- Sanftes Rosa (#FADADD) fügt einen zarten, femininen Touch hinzu und schafft eine harmonische Mischung, die die Intensität von Smaragdgrün mit einem Hauch von Farbe mildert.
Weitere Farben, die in Betracht gezogen werden sollten, sind Anthrazitgrau für einen modernen, schicken Look, Lavendel für einen sanften, verspielten Kontrast und strahlendes Weiß für eine klare, saubere Ergänzung, die die natürliche Lebendigkeit von Smaragdgrün verstärkt.
Obwohl Smaragdgrün vielseitig ist, kann es mit folgenden Farben kollidieren:
- Helles Gelb (#FFFF00) kann zu hart gegen Smaragdgrün wirken und seine natürliche Eleganz mit einem scharfen, lebendigen Kontrast überwältigen.
- Blau (#0000FF) bietet einen übermäßig gesättigten Kontrast, der von der organischen Eleganz von Smaragdgrün ablenken kann und zu einer visuell störenden Kombination führt.
- Knalliges Pink (#FF69B4), obwohl lebhaft, kann mit Smaragdgrün kollidieren, indem es um visuelle Aufmerksamkeit konkurriert und eine Palette schafft, die zu lebendig und potenziell störend ist.
- Helles Rot (#FF0000) bietet eine klassische Weihnachtskombination, kann aber außerhalb saisonaler Kontexte zu kühn und kontrastreich sein und die raffinierte Schönheit von Smaragdgrün überschatten.
- Dunkles Lila (#800080), obwohl königlich, kann das Gleichgewicht von Smaragdgrün mit seiner Intensität überwältigen und zu einer schweren und weniger harmonischen Palette führen.
Smaragdgrün wird oft mit Erneuerung, Wohlstand, Erneuerung und Wachstum assoziiert. In Verbindung mit dem kostbaren Smaragd-Edelstein verkörpert es Reichtum, Luxus und Exklusivität. Seine reichen Untertöne machen es zu einem Symbol für Status und Prestige.
In der Farbpsychologie kann Smaragdgrün Gleichgewicht und Harmonie fördern und Umgebungen schaffen, die Wohlbefinden und Ruhe unterstützen.
Im UI/UX-Design strahlt Smaragdgrün Raffinesse und hohe Qualität aus und ist ideal für Premium-Marken und Produkte, die Gesundheit, Wohlbefinden und Umweltbewusstsein fördern.
Der Smaragd-Edelstein selbst wurde bereits im alten Ägypten als Symbol für ewiges Leben verehrt. Die Farbe „Smaragdgrün“ tauchte erstmals 1814 auf, und berühmte Künstler wie Monet, Cezanne und Van Gogh feierten ihre Lebendigkeit in vielen ihrer Werke. Allerdings war das ursprüngliche Pigment giftig und seine Verwendung wurde in den meisten Teilen Europas bis in die 1880er Jahre verboten. Schließlich sorgten sichere, ungiftige Alternativen dafür, dass die gleiche lebendige Farbe ohne Gesundheitsrisiken erhalten blieb.
Über den künstlerischen Ausdruck hinaus ist die Verbindung von Smaragdgrün zur Natur unbestreitbar. Irlands Spitzname, die „Smaragdinsel“, spiegelt seine grünen Landschaften wider, eine Verbindung, die durch die Popkultur weiter gefestigt wird. Pantones Auswahl von Smaragdgrün als Farbe des Jahres 2013 und Etsys Wahl im Jahr 2022 sind Zeichen seiner anhaltenden Anziehungskraft.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Smaragd-Odyssee
Waldherd
Grüne Fee
Kontrastprüfer
Kontrast 6,88
- Großer Text
#00674F
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Bestanden | Fehlgeschlagen | |
Bestanden | Bestanden | |
Bestanden | Bestanden |
Kontrast 3,05
- Großer Text
#00674F
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Fehlgeschlagen | Fehlgeschlagen | |
Bestanden | Fehlgeschlagen | |
Bestanden | Fehlgeschlagen |
Farbsimulationen
Protanopie
Deuteranopie
Tritanopie
Achromatopsie
Die hexadezimale Farbe #00674f, bekannt als Smaragdgrün, hat die RGB-Werte R:0, G:103, B:79 und die CMYK-Werte C:100, M:0, Y:23, K:60.
| VALUE | CSS | |
|---|---|---|
| HEX | #00674f | #00674f |
| RGB DECIMAL | 0, 103, 79 | RGB(0,103,79) |
| RGB PERCENTAGE | 0.0, 40.4, 31.0 | RGB(0.0%,40.4%,31.0%) |
| CMYK | 100, 0, 23, 60 | |
| HSL | HSL(166.0, 100.0%, 20.2%) | HSL(166.0, 100.0%, 20.2%) |
| HSV (OR HSB) | 166.0°, 100.0, 40.4 | |
| WEB SAFE | #0102102 | #0102102 |
| BINARY | 00000000, 01100111, 01001111 | |
| iOS - SwiftUI | Color(red: 0.000, green: 0.404, blue: 0.310) | |
| iOS - UIKit | UIColor(red: 0.000, green: 0.404, blue: 0.310, alpha: 1) | |
| Android - Compose | Color(0xFF00674F) |



