Königsblau ist ein tiefes, lebendiges Blau, das zwischen Blau und Violett auf dem Farbkreis liegt. Diese satte Farbe vereint Eleganz mit einem Hauch von violettem Unterton und strahlt Raffinesse und Tiefe aus.
Königsblau wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- HEX-Code: #305CDE
- RGB-Wert: 18,8 % Rot, 36,1 % Grün und 87,1 % 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, Königsblau in deinen Designs zu verwenden:
- Aufmerksamkeit erregen. Die Lebendigkeit von Königsblau macht es ideal für Call-to-Action-Buttons, Links, Logos oder Navigationselemente.
- Vertrauen aufbauen. Königsblau kann Vertrauen und Zuverlässigkeit verstärken – ideal für Finanz-, Gesundheits- und Technologiemarken.
- Emotionen und Atmosphäre hervorrufen. Verwende Königsblau in Hintergründen oder Verläufen auf Startbildschirmen und Landingpages, um ein Gefühl von Tiefe, Stabilität und Raffinesse zu erzeugen.
- Für Datenvisualisierung nutzen. Setze Königsblau in Diagrammen, Grafiken und Fortschrittsbalken ein. Seine Klarheit und visuelle Anziehungskraft helfen, wichtige Informationen hervorzuheben.
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 lebendigen und königlichen Spektrums wie Königsblau, ziehe folgende Farben in Betracht:
- Kobaltblau (#0047AB) besitzt einen etwas tieferen Farbton mit einer intensiven Tiefe, die an die eindrucksvolle Anziehungskraft von Königsblau erinnert.
- Saphirblau (#0F52BA) bietet eine edelsteinartige Fülle, die Helligkeit und Tiefe ausbalanciert und den Reiz von Königsblau widerspiegelt.
- Dodger Blue (#1E90FF) ist heller und leuchtender und fängt die lebendige Energie ein, die für Königsblau charakteristisch ist.
- Persischblau (#1C39BB) verbindet die majestätische Tiefe von Königsblau mit einem Hauch von Violett und verleiht eine exotische Eleganz.
Um die würdevollen Töne von Königsblau zu ergänzen, kombiniere es mit:
- Gold (#EFBF04) bereichert die königliche Palette mit seinem Luxus und betont die Pracht von Königsblau.
- Elfenbein (#FFFFE3) bietet einen weichen, warmen Kontrast und verleiht eine klassische Eleganz, die die Tiefe von Königsblau wunderschön hervorhebt.
- Anthrazitgrau (#4A4A4A) bringt einen modernen, raffinierten Kontrast, der die Lebendigkeit von Königsblau mit seiner neutralen Stabilität erdet.
- Lachsrosa (#FA8072) fügt eine sanfte Wärme hinzu und schafft ein harmonisches Gleichgewicht mit der Kühle von Königsblau für einen lebendigen, aber raffinierten Look.
- Pastellgrün (#80EF80) für einen erfrischenden und belebenden Kontrast, der die Fülle von Königsblau mit einem Hauch von Frühlingsfrische betont.
Weitere Farben, die in Betracht gezogen werden sollten, sind tiefes Rot für ein mutiges, wirkungsvolles Statement, Silber für eine elegante, zeitgemäße Ausstrahlung und Hellgrau für einen sanften, gedämpften Kontrast, der Königsblau zum Strahlen bringt.
Obwohl Königsblau vielseitig ist, kann es mit folgenden Farben im Kontrast stehen:
- Kelly-Grün (#4CBB17) kann zu hell sein und die Raffinesse von Königsblau überstrahlen, was zu einer visuell störenden Kombination führt.
- Orange (#FFA500) bietet einen starken, lebendigen Kontrast, der die königliche Essenz von Königsblau mindern kann, wodurch die Palette zu aggressiv wirkt.
- Knalliges Pink (#FF69B4), obwohl verspielt, könnte zu stark mit Königsblau konkurrieren und seine majestätische Qualität überlagern.
- Neongelb (#FFFF00) hat eine auffällige Leuchtkraft, die die tiefe Eleganz von Königsblau überwältigen und mindern könnte.
- Dunkelbraun (#654321), obwohl neutral, könnte zu erdig sein und die lebendige, königliche Essenz des Blaus dämpfen, was zu einer weniger harmonischen Paarung führt.
Königsblau verkörpert Königlichkeit, Luxus und Raffinesse. Seine historische Verbindung mit Autorität und Eleganz erstreckt sich auf Amulette und Gewänder, die Sicherheit und Schutz symbolisieren. Es trägt sogar spirituelle Konnotationen von Göttlichkeit, Weisheit und Freude.
In der Farbpsychologie verbindet sich Königsblau tief mit Vertrauen und Zuverlässigkeit. Seine Fülle impliziert Stabilität und Selbstbewusstsein, während seine Verbindung zum Himmel und Meer Ruhe und Gelassenheit bringt.
Die Vielseitigkeit von Königsblau im UI/UX-Design ermöglicht es, Macht, Autorität, Frieden oder Vertrauenswürdigkeit auszudrücken. Dies stärkt das Vertrauen der Nutzer durch die Assoziation der Farbe mit Glaubwürdigkeit und Professionalität, was sie zu einer starken Wahl für Finanz- und Gesundheitsoberflächen macht.
Königsblau, benannt nach Königin Charlotte im späten 18. Jahrhundert, war ursprünglich ein tiefes, lebendiges Blau, das dem Adel vorbehalten war. Es symbolisierte Bedeutung und Prestige. Im Laufe der Zeit änderte sich jedoch die Wahrnehmung der Farbe. In den 1950er Jahren gewann eine hellere Version an Beliebtheit, was in der Standardisierung eines leuchtenden Farbtons als 'royalblue' im digitalen Zeitalter (1987) gipfelte. Diese Wahl des World Wide Web Consortiums unterstreicht die Anpassungsfähigkeit der Farbe, die sich im Einklang mit gesellschaftlichen Vorlieben und technologischen Fortschritten entwickelt.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Königliches Blau
Magisch Mondschein
Saphir-Serenade
Kontrastprüfer
Kontrast 5,66
- Großer Text
#305CDE
- 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,71
- Großer Text
#305CDE
- 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 #305cde, bekannt als Königsblau, hat die RGB-Werte R:48, G:92, B:222 und die CMYK-Werte C:78, M:59, Y:0, K:13.
| VALUE | CSS | |
|---|---|---|
| HEX | #305cde | #305cde |
| RGB DECIMAL | 48, 92, 222 | RGB(48,92,222) |
| RGB PERCENTAGE | 18.8, 36.1, 87.1 | RGB(18.8%,36.1%,87.1%) |
| CMYK | 78, 59, 0, 13 | |
| HSL | HSL(224.8, 72.5%, 52.9%) | HSL(224.8, 72.5%, 52.9%) |
| HSV (OR HSB) | 224.8°, 78.4, 87.1 | |
| WEB SAFE | #51102204 | #51102204 |
| BINARY | 00110000, 01011100, 11011110 | |
| iOS - SwiftUI | Color(red: 0.188, green: 0.361, blue: 0.871) | |
| iOS - UIKit | UIColor(red: 0.188, green: 0.361, blue: 0.871, alpha: 1) | |
| Android - Compose | Color(0xFF305CDE) |
