
Figma Farbkreis
Möchtest du die perfekten komplementären oder analogen Farben finden, die zu Königsblau passen?
Zu Hauptinhalten gehen
Alles, was du über Königsblau wissen musst, um dein nächstes Design zu inspirieren.
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:
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:
Um die würdevollen Töne von Königsblau zu ergänzen, kombiniere es mit:
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:
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.
Schattierungen
Tönungen
Töne
Farbtöne
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Königliches Blau
Magisch Mondschein
Saphir-Serenade
Kontrast 5,66
#305CDE
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
#305CDE
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Fehlgeschlagen | Fehlgeschlagen | |
Bestanden | Fehlgeschlagen | |
Bestanden | Fehlgeschlagen |
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) |

Möchtest du die perfekten komplementären oder analogen Farben finden, die zu Königsblau passen?

Erfahre mehr über die Farbe Blau.

Entdecke die sanfte und zarte Farbe von Hellblau.