Moosgrün wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- HEX-Code: #7E8C54
- RGB-Wert: 49,4 % Rot, 54,9 % Grün und 32,9 % 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.
Hier sind einige Möglichkeiten, Moosgrün in deinen Designs zu verwenden:
- Schaffe eine beruhigende Ästhetik. Kombiniere Moosgrün mit komplementären Farben wie Salbei und Flieder, um eine entspannende Umgebung für Nutzer zu schaffen.
- Fortschritt darstellen. Nutze die natürliche, wachstumsorientierte Ästhetik von Moosgrün, um in mehrstufigen Prozessen den Abschluss zu signalisieren. Dies kann einen ruhigen Fortschritt darstellen, im Gegensatz zu helleren Grüntönen, die Dringlichkeit vermitteln könnten.
- Fördere ein umweltfreundliches Design. Verwende die erdigen Töne von Moosgrün in deinen Web-Bannern und Icons, um subtil Umweltbewusstsein und Nachhaltigkeit in deinem Design zu verstärken.
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 erdigen Spektrums wie Moosgrün, ziehe folgende Farben in Betracht:
- Olivgrün (#636B2F) ist ein hellerer Ton, der näher an Gelb auf dem Farbkreis liegt.
- Salbei (#BBB791) ist weniger gesättigt als Moosgrün und erinnert an eine Wüstenpflanze.
- Grüner Salbei (#98A869) ist eine lebendige Farbe, die an einen frisch gegossenen Kiefernbaum erinnert.
Um Moosgrün zu ergänzen, kombiniere es mit:
- Lavendel (#D3D3FF) harmoniert natürlich mit Moosgrün und erinnert an die Farben eines Lavendelstraußes.
- Gebranntes Orange (#BE5103) passt gut zu Moosgrün, um ein Wüstenoasen-Farbschema zu schaffen.
- Weiß (#FFFFFF) schafft einen sauberen und luftigen Kontrast, der Moosgrün hervorhebt, ohne das Design zu überwältigen.
- Waldgrün (#2E6F40) erzeugt ein elegantes und geerdetes Gefühl, ideal für luxuriöse Paletten.
Weitere Farben, die in Betracht gezogen werden sollten, sind Braun für ein warmes und einladendes Gefühl, Smaragdgrün für ein monochromatisches Farbschema und hellere Grüntöne wie Salbei, um eine harmonische Palette zu schaffen.
Während Moosgrün erdig und beruhigend ist, kann es mit folgenden Farben im Kontrast stehen:
- Schwarz (#000000) kann die Lebendigkeit von Moosgrün durch ein Gefühl von Verfall oder Fäulnis widersprechen.
- Himmelblau (#82C8E5) hat eine weiche Luftigkeit, die möglicherweise nicht mit Moosgrün harmoniert.
- Gold (#EFBF04) ist eine helle Farbe, die den gedämpften Ton von Moosgrün überstrahlen kann.
- Weiches Rosa (#E89EB8) kann Moosgrün ausgewaschen erscheinen lassen und eine unausgeglichene Palette schaffen.
- Kupfer (#C68346) hat warme, rötlich-braune Töne, die mit den kühlen Tönen von Moosgrün disharmonieren können.
Alle Grüntöne stehen für Leben, Gesundheit und Natur. Das gilt auch für Moosgrün, das Wachstum symbolisiert, ähnlich wie ein Moosfleck, den du in der Wildnis finden würdest.
In der Farbpsychologie inspiriert Grün zu Regeneration und Wohlbefinden. Moos wächst überall – von feuchten Wäldern bis zu trockenen Wüsten – weshalb die Farbe Moosgrün auch Gefühle von Widerstandsfähigkeit und Stärke hervorruft.
Im UI-Design können die beruhigenden Eigenschaften von Moosgrün Nutzer entspannen und gut auf Gesundheits- und botanischen Websites wirken. Moosgrün ist auch eine ausgezeichnete Wahl für Bankseiten, die Gefühle von Stabilität und Sicherheit für Nutzer fördern möchten.
Der erste dokumentierte Gebrauch des Begriffs „Moosgrün“ war 1884, um einen Grünton zu beschreiben, der einem Moosfleck ähnelt. Diese naturverbundene Farbe fand in Europa zunehmend Verwendung, von der Mode bis hin zur Inneneinrichtung. Bis 1915 begann das französische Militär, Tarnung einzusetzen, die Moosgrün und andere Grüntöne in Waldoperationen integrierte.
In der heutigen Zeit hat Moosgrün aufgrund der Verbreitung von Mooswandkunst in den späten 2010er bis 2020er Jahren eine Wiederbelebung der Beliebtheit erfahren.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Farn
Mystik
Öko-Oase
Kontrastprüfer
Kontrast 3,64
- Großer Text
#7E8C54
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Fehlgeschlagen | Fehlgeschlagen | |
Bestanden | Fehlgeschlagen | |
Bestanden | Fehlgeschlagen |
Kontrast 5,77
- Großer Text
#7E8C54
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Bestanden | Fehlgeschlagen | |
Bestanden | Bestanden | |
Bestanden | Bestanden |
Farbsimulationen
Protanopie
Deuteranopie
Tritanopie
Achromatopsie
Die hexadezimale Farbe #7e8c54, bekannt als Moosgrün, hat die RGB-Werte R:126, G:140, B:84 und die CMYK-Werte C:10, M:0, Y:40, K:45.
| VALUE | CSS | |
|---|---|---|
| HEX | #7e8c54 | #7e8c54 |
| RGB DECIMAL | 126, 140, 84 | RGB(126,140,84) |
| RGB PERCENTAGE | 49.4, 54.9, 32.9 | RGB(49.4%,54.9%,32.9%) |
| CMYK | 10, 0, 40, 45 | |
| HSL | HSL(75.0, 25.0%, 43.9%) | HSL(75.0, 25.0%, 43.9%) |
| HSV (OR HSB) | 75.0°, 40.0, 54.9 | |
| WEB SAFE | #102153102 | #102153102 |
| BINARY | 01111110, 10001100, 01010100 | |
| iOS - SwiftUI | Color(red: 0.494, green: 0.549, blue: 0.329) | |
| iOS - UIKit | UIColor(red: 0.494, green: 0.549, blue: 0.329, alpha: 1) | |
| Android - Compose | Color(0xFF7E8C54) |
