Die Farbe Marineblau steht für Eleganz und Ruhe, mit subtilen violetten Nuancen, die ihren luxuriösen und edlen Charakter unterstreichen. Dieser tiefe, satte Farbton befindet sich im blau-violetten Bereich des Farbkreises und vermittelt eine kühle Note. Dazu gehören Nuancen wie Mitternachtsblau und Tintenblau.

Marineblau wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- HEX-Code: #000080
- RGB-Wert: 0 % Rot, 0 % Grün und 50,2 % 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, Marineblau in deinen Designs zu verwenden:
- Autorität und Vertrauen vermitteln. Nutze Marineblau für Elemente, die Zuverlässigkeit und Sicherheit ausstrahlen sollen, wie Anmeldebildschirme, Finanztransaktionsschnittstellen oder Gesundheits- und Wellness-Apps. Die Farbe steht für Autorität und Verlässlichkeit und ist ideal für Plattformen, bei denen Vertrauen entscheidend ist.
- Produktivität und Fokus steigern. Setze Marineblau in Arbeits- oder Lernanwendungen, Projektmanagement-Tools oder jeder UI ein, bei der Konzentration wichtig ist. Die beruhigende Wirkung hilft, Stress zu reduzieren und die Konzentration zu erhöhen, ideal für Dashboard-Hintergründe oder Menüs.
- Professionelle Ästhetik schaffen. Die Eleganz und Raffinesse von Marineblau eignet sich gut für professionelle Netzwerke, Unternehmenswebsites oder Premium-Service-Plattformen. Verwende es für Header, Footer und wichtige UI-Elemente, um das Gesamtdesign zu heben.
- Mit komplementären Farben ausbalancieren. Kombiniere Marineblau mit wärmeren Tönen wie Koralle, Creme oder Gold für ein ausgewogenes und ansprechendes Farbschema. Diese Herangehensweise kann dem Design Lebendigkeit verleihen, sodass Call-to-Action-Buttons oder Highlights hervorstechen, ohne den Nutzer zu überfordern.
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 tiefen und autoritären Spektrums wie Marineblau, ziehe in Betracht:
- Dunkelblau (#191970) ist etwas dunkler und erinnert an den Himmel um Mitternacht, bietet eine ähnliche Tiefe wie Marineblau.
- Königsblau (#305CDE) bringt eine lebendigere, leuchtende Qualität mit, während es die würdige Essenz von Marineblau beibehält.
- Indigo (#560591) vereint das tiefe Blau von Marineblau mit einem Hauch von Violett und bietet eine mystische und nachdenkliche Alternative.
- Preußischblau (#003153) bietet einen Hauch mehr Grün, was zu einem Farbton führt, der sowohl kraftvoll als auch etwas weicher als Marineblau ist.
Um die tiefen Töne von Marineblau zu ergänzen, kombiniere es mit:
- Weiß (#FFFFFF) bietet einen klaren, sauberen Kontrast, der die Eleganz von Marineblau hervorhebt.
- Gold (#EFBF04) fügt einen luxuriösen Touch hinzu und schafft eine königliche und raffinierte Palette in Kombination mit Marineblau.
- Warmbeige (#F5F5DC) bringt eine neutrale, erdige Balance, die die Intensität von Marineblau mildert, ohne seine Eleganz zu mindern.
- Kühles Grau (#CBCBCB) bietet einen modernen, zurückhaltenden Hintergrund, der Marineblau in einem zeitgenössischen Umfeld hervorhebt.
- Koralle (#FF7F50) bringt einen lebendigen, dynamischen Kontrast, der der ruhigen Gelassenheit von Marineblau Energie verleiht.
Weitere Farben, die in Betracht gezogen werden sollten, sind Salbeigrün für einen natürlichen, harmonischen Look; Silber für einen eleganten, modernen Twist; und gebranntes Orange für eine kräftige, herbstliche Stimmung.
Obwohl Marineblau vielseitig ist, kann es mit folgenden Farben kollidieren:
- Leuchtendes Grün (#00FF00) kann zu lebhaft sein und von der zurückhaltenden Eleganz von Marineblau ablenken, was zu einem visuell störenden Effekt führt.
- Neonpink (#FF1493) bietet einen übermäßig hellen Kontrast, der die natürliche Raffinesse von Marineblau überwältigen kann.
- Elektrisches Blau (#7DF9FF), mit seiner hohen Intensität, könnte mit der Tiefe von Marineblau konkurrieren, was zu einem disharmonischen visuellen Erlebnis führt.
- Purpur (#800080), obwohl reichhaltig, kann eine schwere Palette schaffen, wenn es mit Marineblau kombiniert wird, was möglicherweise zu einer düsteren Atmosphäre führt.
- Limettengelb (#CCFF00), mit seinem hellen, säuerlichen Ton, kann die Harmonie von Marineblau stören, was zu einem kollidierenden, unangenehmen Gleichgewicht führt.
Marineblau wird häufig mit Autorität und Professionalität assoziiert. Es vermittelt Stabilität, Zuverlässigkeit und Eleganz. Diese Farbe steht oft für Tiefe und Expertise.
In der Farbpsychologie wird Marineblau als förderlich für mentale Klarheit und Konzentration angesehen. Es gilt als Farbe des Intellekts, der Weisheit und der Macht. Der tiefe Blauton hat eine beruhigende Wirkung, die helfen kann, Gedanken zu fokussieren, Stress zu reduzieren und die Produktivität zu steigern.
Marineblau ist eine beliebte Wahl im UI/UX-Design, insbesondere für Unternehmensmarken und Bildungsplattformen. Es wird oft verwendet, um Vertrauenswürdigkeit und Professionalität zu kommunizieren. In digitalen Designs kann Marineblau als Markenfarbe verwendet werden, um eine starke Basis zu schaffen, oder als Akzentfarbe, um wichtige Merkmale hervorzuheben. Es harmoniert gut mit vielen anderen Farben und bietet Kontrast und visuelles Interesse, während es eine formelle und elegante Atmosphäre bewahrt.
Marineblau hat eine reiche Geschichte, die bis ins Jahr 1748 zurückreicht, als es bewusst für die Uniformen der britischen Royal Navy ausgewählt wurde. Die Entscheidung basierte auf seinen farbechten Eigenschaften und der Praktikabilität, Schmutz und Abnutzung zu tarnen, was es zur idealen Wahl für lange Seereisen machte. Die Übernahme von Marineblau durch die Royal Navy etablierte seine starke Assoziation mit maritimer Autorität und Disziplin und veranlasste andere Marinen weltweit, ähnliche Farbschemata zu übernehmen.
Im 20. Jahrhundert entwickelte sich Marineblau von einer maritimen Farbe zu einem festen Bestandteil der zivilen Garderobe. Die Farbe symbolisierte dezente Eleganz in Mode, Businesskleidung und sogar im Innendesign. Sie balanciert ihre Ursprünge in der maritimen Nützlichkeit mit einem modernen Reiz der Raffinesse, was sie zu einer vielseitigen Farbe macht, die den Test der Zeit bestanden hat. Marineblau wird weiterhin für seine Tiefe und Vielseitigkeit geschätzt und überbrückt die Kluft zwischen Tradition und modernem Design.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Obsidian Blues
Nocturnal Glow
Inkblot
Kontrastprüfer
Kontrast 16,01
- Großer Text
#000080
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Bestanden | Bestanden | |
Bestanden | Bestanden | |
Bestanden | Bestanden |
Kontrast 1,31
- Großer Text
#000080
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Fehlgeschlagen | Fehlgeschlagen | |
Fehlgeschlagen | Fehlgeschlagen | |
Fehlgeschlagen | Fehlgeschlagen |
Farbsimulationen
Protanopie
Deuteranopie
Tritanopie
Achromatopsie
Die hexadezimale Farbe #000080, bekannt als marineblau, hat die RGB-Werte R:0, G:0, B:128 und die CMYK-Werte C:100, M:100, Y:0, K:50.
| VALUE | CSS | |
|---|---|---|
| HEX | #000080 | #000080 |
| RGB DECIMAL | 0, 0, 128 | RGB(0,0,128) |
| RGB PERCENTAGE | 0.0, 0.0, 50.2 | RGB(0.0%,0.0%,50.2%) |
| CMYK | 100, 100, 0, 50 | |
| HSL | HSL(240.0, 100.0%, 25.1%) | HSL(240.0, 100.0%, 25.1%) |
| HSV (OR HSB) | 240.0°, 100.0, 50.2 | |
| WEB SAFE | #00153 | #00153 |
| BINARY | 00000000, 00000000, 10000000 | |
| iOS - SwiftUI | Color(red: 0.000, green: 0.000, blue: 0.502) | |
| iOS - UIKit | UIColor(red: 0.000, green: 0.000, blue: 0.502, alpha: 1) | |
| Android - Compose | Color(0xFF000080) |


