Zu Hauptinhalten gehen

Dunkelblau

Alles, was du über Dunkelblau wissen musst, um dein nächstes Design zu inspirieren.

Farbpalette abrufen

Wähle eine Farbe aus

Hex

RGB

HSB

HSL

Paletteneinstellungen wählen

Benutzerdefinierte Paletten

Dunkelblau ist ein tiefer, intensiver Farbton von Blau, der durch seine geheimnisvolle Anziehungskraft besticht. Es liegt am kühleren Ende des Farbspektrums und erinnert an Mitternachtshimmel und weite Ozeane, was Gefühle von Ruhe und Tiefe hervorruft.

color Dunkelblaucolor Dunkelblau

Dunkelblau wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.

  • HEX-Code: #111184
  • RGB-Wert: 6,7 % Rot, 6,7 % Grün und 51,8 % 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, Dunkelblau in deinen Designs zu verwenden:

  • Achte auf Kontrast und Balance. Zu viel Dunkelblau kann ein Design zu dunkel wirken lassen. Kombiniere Dunkelblau mit einem helleren Blauton oder Weiß, um ein ausgewogenes Gefühl zu schaffen, das den Betrachter nicht überwältigt.
  • Visuelle Hierarchie etablieren. Dunklere Farben eignen sich hervorragend, um eine visuelle Hierarchie zu schaffen. Nutze Dunkelblau, um weniger wichtige Elemente hervorzuheben, wie zum Beispiel einen Hintergrund.
  • Barrierefreiheit berücksichtigen. Bei der Arbeit mit dunkleren Farben im UI-Design ist es wichtig, den visuellen Kontrast zu beachten, wie zum Beispiel Text auf einem Hintergrund. Verwende hellere Kontrastfarben, die es den Elementen ermöglichen, klar sichtbar zu sein.
  • Die dunkle Seite umarmen. Moderne Anwendungen und Websites bieten dunkle Modi für ihre Benutzeroberflächen an. Verwende Dunkelblau für dunkle Hintergrundmodi, um das Betrachten, besonders nachts, angenehmer zu gestalten.

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, satten Spektrums wie Dunkelblau, ziehe folgende Farben in Betracht:

  • Marineblau (#000080) ist Dunkelblau ähnlich, aber etwas heller mit einem Hauch von Grau, was eine elegante, beruhigende Option bietet.
  • Tiefes Purpur (#800080) gehört nicht direkt zur Blautöne-Familie, vermittelt aber ein ähnliches Gefühl von kräftiger Fülle und Tiefe.
  • Jägergrün (#355E3B) bewegt sich in die grüne Farbpalette. Wie Dunkelblau bietet es einen stabilen, beruhigenden Eindruck.
  • Königsblau (#305CDE) ist ein heller, lebendiger Blauton, der einen ähnlichen königlichen Ton bietet und in Kombination mit Dunkelblau einen leichten Kontrast im UI-Design schaffen kann.

Um Dunkelblau zu ergänzen, kombiniere es mit:

  • Smaragdgrün (#00674F) harmoniert gut mit Dunkelblau und bietet ein luxuriöses, königliches Farbschema.
  • Burgunderrot (#660033) ist ein weiterer dunkler Ton, der gut mit Dunkelblau harmoniert und ein Gefühl von Fülle und Tiefe schafft.
  • Creme (#FDFBD4) kontrastiert mit Dunkelblau und bietet eine sanftere Option als Weiß.
  • Koralle (#FF8559) und Dunkelblau schaffen ein Thema, das an Ozean und Riffe erinnert.

Weitere Farben, die in Betracht gezogen werden sollten, sind Grau für ein einfaches, elegantes Erscheinungsbild und Kupfer, um ein wenig Wärme in eine reiche Palette zu bringen.

Obwohl Dunkelblau vielseitig ist, kann es mit folgenden Farben kollidieren:

  • Neonorange (#FF5F1F) wird mit Dunkelblau kollidieren, da es einen starken Kontrast und eine grelle, intensive Helligkeit aufweist.
  • Neongrün (#2CFF05) ist eine weitere extrem helle Farbe, die mit Dunkelblau kollidiert und eine überwältigende visuelle Wirkung erzeugt.
  • Helles Purpur (#BF40BF) enthält Spuren von Blau, aber seine kräftige Farbe kann in Kombination mit Dunkelblau überwältigend wirken.
  • Elektrisches Blau (#00F0FF) zeigt, dass Blau nicht immer mit Blau harmoniert; dieser Farbton ist zu intensiv, um mit Dunkelblau kombiniert zu werden.
  • Lebendige Koralle (#FF6F61) ist zu intensiv gesättigt, um mit Dunkelblau kombiniert zu werden, im Gegensatz zu ihrem einfarbigen Gegenstück, Koralle.

Dunkelblau steht für Stabilität und Ruhe. In der chinesischen Kultur wird Dunkelblau mit Langlebigkeit und Unsterblichkeit assoziiert. Die alten Griechen verbanden Dunkelblau mit dem Gott Zeus, was Weisheit und Autorität symbolisiert. Indigene Amerikaner betrachten Dunkelblau als Symbol für den Nachthimmel und das spirituelle Reich.

In der Farbpsychologie kann Dunkelblau Gefühle von Ruhe und tiefer Reflexion hervorrufen. Es kann auch Emotionen von Vertrauen und Zuverlässigkeit wecken. Es wird häufig mit den weiten Tiefen des Ozeans und dem dunklen Nachthimmel assoziiert.

Im UI-Design kann Dunkelblau als Hintergrund verwendet werden, um ein Gefühl von Vertrauen und Sicherheit zu vermitteln, wie bei Banking-Apps, Gesundheitswebsites und E-Commerce-Plattformen.

Der Name „Dunkelblau“ hat seine Wurzeln in der englischen Sprache und bezieht sich auf eine dunklere, intensivere Version der Farbe Blau. Die primäre blaue Farbe hat tiefere Wurzeln in der französischen Sprache als „bleu“ und in der proto-indoeuropäischen Sprache als Wurzel „bhel“, was „leuchten“ bedeutet.

Die alten Ägypter verwendeten Blautöne, um Keramiken, Statuen und die Gräber der Pharaonen zu bemalen. Im 19. Jahrhundert fand Dunkelblau aufgrund seiner Assoziation mit Autorität eine tiefere Integration in Militäruniformen.

Farbvarianten

Schattierungen

Tönungen

Töne

Farbtöne

Farbharmonien

Komplementär

Gespalten

Monochromatisch

Analog

Triadisch

Quadratisch

Eigene Paletten

Tiefes Saphir

Mystische Wiesen

Nebel

Kontrastprüfer

Kontrast 14,61

Großer Text

#111184

Normaler Text

Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.

Das ist #111184 Text auf einem #FFFFFF Hintergrund.
Kategorie
Bestanden
Bestanden
Bestanden
Bestanden
Bestanden
Bestanden

Kontrast 1,44

Großer Text

#111184

Normaler Text

Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.

Das ist #111184 Text auf einem #000000 Hintergrund.
Kategorie
Fehlgeschlagen
Fehlgeschlagen
Fehlgeschlagen
Fehlgeschlagen
Fehlgeschlagen
Fehlgeschlagen

Farbsimulationen

Protanopie

Deuteranopie

Tritanopie

Achromatopsie

Die hexadezimale Farbe #111184, bekannt als Dunkelblau, hat die RGB-Werte R:17, G:17, B:132 und die CMYK-Werte C:87, M:87, Y:0, K:48.

VALUECSS
HEX#111184#111184
RGB DECIMAL17, 17, 132RGB(17,17,132)
RGB PERCENTAGE6.7, 6.7, 51.8RGB(6.7%,6.7%,51.8%)
CMYK87, 87, 0, 48
HSLHSL(240.0, 77.2%, 29.2%)HSL(240.0, 77.2%, 29.2%)
HSV (OR HSB)240.0°, 87.1, 51.8
WEB SAFE#00153#00153
BINARY00010001, 00010001, 10000100
iOS - SwiftUIColor(red: 0.067, green: 0.067, blue: 0.518)
iOS - UIKitUIColor(red: 0.067, green: 0.067, blue: 0.518, alpha: 1)
Android - ComposeColor(0xFF111184)
Farbpalette abrufen