Blaugrün ist ein erfrischender und beruhigender Farbton, der die Stabilität von Grün mit der Gelassenheit von Blau vereint. Diese kühle Nuance ist eine tertiäre Farbe, die zwischen Blau und Grün auf dem Farbkreis liegt und die ruhigen Eigenschaften beider Farben in sich trägt. Sie ähnelt stark Tönen wie Teal und Türkis.
Blaugrün wird durch die folgenden Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- HEX-Code: #00CEC8
- RGB-Wert: 0 % Rot, 80,8 % Grün und 78,4 % 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, die beruhigenden und erfrischenden Eigenschaften von Blaugrün in deinem Design zu nutzen:
- Schaffe eine ruhige Atmosphäre. Blaugrün eignet sich hervorragend, um ein Gefühl von Frieden und Gelassenheit zu erzeugen. Verwende es als Hintergrundfarbe für beruhigende Erlebnisse wie Meditations-Apps oder Spa-Buchungsplattformen.
- Hebe wichtige Elemente hervor. Blaugrün kann auffallen, ohne überwältigend zu wirken. Nutze es für Call-to-Action-Buttons oder primäre Navigationselemente, um die Aufmerksamkeit der Nutzer zu lenken und gleichzeitig ein sauberes Erscheinungsbild zu bewahren.
- Erwecke Assoziationen zur Natur oder Wachstum. Die Verbindung zur natürlichen Welt macht Blaugrün ideal für umweltfreundliche Marken oder Interfaces, die sich mit Pflanzen und Wellness beschäftigen.
- Berücksichtige den Kontrast. Sorge für ausreichenden Kontrast mit Text oder anderen UI-Elementen für optimale Lesbarkeit. Erwäge ein Figma-Plugin, um die Barrierefreiheit sicherzustellen. Balance mit wärmeren Farben. Die Kombination von Blaugrün mit einem Hauch warmer Farben wie Orange oder Gelb kann Lebendigkeit hinzufügen und verhindern, dass das Interface zu kühl wirkt.
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 ruhigen und erfrischenden Spektrums wie Blaugrün, ziehe folgende Farben in Betracht:
- Türkis (#40E0D0) ähnelt Blaugrün stark mit seiner perfekten Mischung aus Blau und Grün und verkörpert die Essenz tropischer Gewässer.
- Teal (#069494) bietet eine tiefere und etwas gedämpftere Version, die die Tiefe des Ozeans einfängt und dabei dem Blaugrün-Thema treu bleibt.
- Aquamarin (#7FFFD4) erscheint leichter und ätherischer und bietet eine sanftere Variante der fesselnden Klarheit von Blaugrün.
- Cyan (#00FFFF), obwohl heller, teilt die lebendige Energie und das belebende Gefühl von Blaugrün, das an klare, sonnige Himmel erinnert.
Um die ruhigen Töne von Blaugrün zu ergänzen, kombiniere es mit:
- Weichem Sand (#F8F0E3) bietet einen warmen, neutralen Hintergrund, der die kühle Lebendigkeit von Blaugrün wunderschön hervorhebt.
- Koralle (#FF8559) bringt einen lebhaften, warmen Kontrast, der die Farben eines Sonnenuntergangs gegen das blaugrüne Meer widerspiegelt.
- Marineblau (#000080) bietet einen reichen, tiefen Kontrast, der die juwelenartigen Qualitäten von Blaugrün verstärkt, ideal für eine anspruchsvolle Palette.
- Silber (#C4C4C4) fügt einen eleganten, modernen Touch hinzu, reflektiert Licht und bereichert die dynamische Anziehungskraft von Blaugrün.
- Lavendel (#D3D3FF) mildert die Palette mit seinem sanften Ton und schafft eine beruhigende und romantische Mischung mit Blaugrün.
Weitere Farben, die in Betracht gezogen werden sollten, sind Anthrazitgrau für einen modernen, geerdeten Kontrast, blasses Rosa für einen sanften, ergänzenden Touch und Senfgelb für einen kräftigen, sonnigen Akzent.
Obwohl Blaugrün vielseitig ist, kann es mit folgenden Farben kollidieren:
- Helles Rot (#FF0000) kann zu aggressiv gegen die beruhigende Natur von Blaugrün wirken und einen starken und potenziell störenden Kontrast erzeugen.
- Neongrün (#2CFF05) präsentiert eine übermäßig lebendige Energie, die die ruhige und harmonische Stimmung von Blaugrün stören könnte.
- Tiefes Purpur (#800080), obwohl reich und königlich, kann die Subtilität von Blaugrün übertönen und zu einem unharmonischen visuellen Effekt führen.
- Orange (#FFA500), obwohl theoretisch eine Komplementärfarbe, kann seine Intensität von den beruhigenden Eigenschaften von Blaugrün ablenken und zu einer visuell störenden Kombination führen.
- Knalliges Pink (#FF69B4), obwohl verspielt, kann mit Blaugrün kollidieren, indem es um visuelle Dominanz konkurriert, anstatt seine Ruhe zu ergänzen.
Blaugrün kombiniert die Ruhe von Blau mit der Vitalität von Grün und symbolisiert Gelassenheit, Heilung und Erneuerung. Es verkörpert das Konzept von Wasser und den schützenden, nährenden Qualitäten der Erde, was Leben, Gesundheit und Wohlbefinden suggeriert. Es steht für Wachstum und die Tiefen von Himmel und Meer – ein Symbol für die Lebensgrundlage.
Psychologisch fördert Blaugrün eine nachdenkliche Stimmung, Offenheit und Kreativität und vermittelt ein Gefühl von Frieden und Erneuerung.
Blaugrün balanciert Ruhe und Lebendigkeit, was es zu einer kraftvollen Farbe für das UI-Design macht. Seine beruhigende Wirkung verbessert die Benutzererfahrung mit einer einladenden Umgebung. Blaugrün kann innovative und umweltfreundliche Werte hervorheben und ist eine beliebte Wahl für Unternehmen, die Gesundheit, Wellness und ökologische Nachhaltigkeit schätzen.
Die alten Ägypter verwendeten blaugrüne Pigmente aus Malachit für Malerei und Keramik und schätzten es für seine schützenden Eigenschaften und ästhetische Schönheit. In Mesoamerika verbanden die Maya Blaugrün mit dem Regengott Chaac und verwendeten es in Opfergaben und Kunst, um Wasser und Fruchtbarkeit zu beschwören. Seine Bedeutung setzte sich durch die griechische und römische Kultur fort, wie in der Schmuck- und Textilkunst der Epoche reichlich zu sehen ist.
Im Mittelalter und während der Renaissance verwendeten Künstler Grünspan, um leuchtende blaugrüne Töne zu erzeugen, die trotz ihrer Tendenz, sich im Laufe der Zeit zu verändern, für ihre lebendige Farbe geschätzt wurden. Künstler wie Leonardo da Vinci und Raphael nutzten Blaugrün, um ihren Meisterwerken Tiefe und Gelassenheit zu verleihen. Sein beruhigender, aber lebendiger Charakter machte es auch zu einer Lieblingsfarbe von Tizian und Vermeer, die seine Ruhe und Tiefe in ihren Werken einfingen.
Blaugrün hat seine Anziehungskraft bis heute bewahrt, was durch seine Aufnahme in die Crayola-Kreidefarben seit den 1930er Jahren hervorgehoben wird.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Ozeanbrandung
Tropenhitze
Gezeitenpool
Kontrastprüfer
Kontrast 1,97
- Großer Text
#00CEC8
- 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 10,66
- Großer Text
#00CEC8
- 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 #00cec8, bekannt als Blaugrün, hat die RGB-Werte R:0, G:206, B:200 und die CMYK-Werte C:100, M:0, Y:3, K:19.
| VALUE | CSS | |
|---|---|---|
| HEX | #00cec8 | #00cec8 |
| RGB DECIMAL | 0, 206, 200 | RGB(0,206,200) |
| RGB PERCENTAGE | 0.0, 80.8, 78.4 | RGB(0.0%,80.8%,78.4%) |
| CMYK | 100, 0, 3, 19 | |
| HSL | HSL(178.3, 100.0%, 40.4%) | HSL(178.3, 100.0%, 40.4%) |
| HSV (OR HSB) | 178.3°, 100.0, 80.8 | |
| WEB SAFE | #0204204 | #0204204 |
| BINARY | 00000000, 11001110, 11001000 | |
| iOS - SwiftUI | Color(red: 0.000, green: 0.808, blue: 0.784) | |
| iOS - UIKit | UIColor(red: 0.000, green: 0.808, blue: 0.784, alpha: 1) | |
| Android - Compose | Color(0xFF00CEC8) |
