Die Farbe Blaugrau vereint die Ruhe und Gelassenheit von Blau mit der Neutralität von Grau. Dieser kühle und gedämpfte Farbton liegt zwischen Blau und Violett auf dem Farbkreis und neigt mehr zu Blau. Seine grauen Untertöne können melancholische Gefühle hervorrufen, während die blauen Nuancen eine ruhige Atmosphäre schaffen können.
Blaugrau wird durch die folgenden Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- HEX-Code: #6A89A7
- RGB-Wert: 41,6 % Rot, 53,7 % Grün und 65,5 % 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, Blaugrau in deine UI-Designs zu integrieren:
- Visuelles Feedback geben. Blaugrau eignet sich hervorragend, um visuelles Feedback zu geben und Benutzerinteraktionen zu bestätigen, wie das Abschließen einer Aktion, das Anzeigen von Fortschritten oder das Validieren von Eingaben. Wenn Nutzer Informationen eingeben müssen, kann eine markante Farbe wie Rot helfen, die Aufmerksamkeit auf erforderliche Felder zu lenken, während Blaugrau anzeigt, welche Felder abgeschlossen sind.
- Visuellen Kontrast schaffen. Blaugrau als Hintergrundfarbe bietet eine neutrale Basis, die andere Elemente wie Text, Buttons oder Icons nicht überlagert und einen ausgewogenen visuellen Kontrast bietet, ohne zu dominieren.
- Professionalität vermitteln. Blaugrau wird oft mit Professionalität und Vertrauenswürdigkeit assoziiert und ist daher eine gute Wahl für Apps oder Websites in den Bereichen Finanzen, Business und Gesundheitswesen.
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 kühlen Spektrums wie Blaugrau, ziehe folgende Farben in Betracht:
- Grau (#898989) verkörpert eine leichte Mischung aus Schwarz und Weiß und bildet den Kern von Blaugrau.
- Silber (#C4C4C4) teilt einen ähnlichen bläulichen Schimmer und fängt eine metallische Essenz ein.
- Cadet Blue (#5F9EA0) gehört ebenfalls zur bläulich-grauen Farbfamilie, hat jedoch einen grünlichen Ton.
- Pastellblau (#B3EBF2) bringt einen weicheren und helleren Ton und bietet einen leichten Farbhauch.
Um Blaugrau zu ergänzen, kombiniere es mit:
- Schwarz (#000000) bietet einen starken Kontrast, wenn es mit einem blaugrauen Hintergrund kombiniert wird.
- Creme (#FDFBD4) fügt einen Hauch von Wärme hinzu und schafft eine ruhige und beruhigende Farbpalette.
- Lavendel (#D3D3FF) teilt einen ähnlichen gedämpften Ton und schafft eine weiche und verspielte Farbkombination.
- Mitternachtsblau (#272757) bietet einen kräftigen Kontrast für ein anspruchsvolles und professionelles Farbschema.
Weitere Farben, die du in Betracht ziehen kannst, sind Hellbraun, um Blaugraus Kühle zu erwärmen, Salbeigrün für ein erdiges Farbschema oder Senfgelb, um Blaugraus gedämpften Ton visuell zu kontrastieren.
Obwohl Blaugrau zurückhaltend ist, kann es mit folgenden Farben im Kontrast stehen:
- Neongrün (#2CFF05) kann aufgrund seiner hohen Sättigung und seines Kontrasts mit Blaugrau kollidieren.
- Knalliges Pink (#FF69B4) kann ein unausgewogenes Farbschema erzeugen und wirkt visuell intensiv, wenn es mit Blaugrau kombiniert wird.
- Stahlblau (#4682B4) ist etwas dunkler als Blaugrau, aber ihre ähnlichen Töne bieten möglicherweise nicht genug visuellen Kontrast, wenn sie zusammen verwendet werden.
- Fuchsia (#FE3894) kann Blaugrau aufgrund seiner extrem leuchtenden Erscheinung überlagern.
Die Symbolik von Blaugrau kann aufgrund seiner Kombination aus blauen und grauen Tönen variieren. Blaugrau kann aufgrund seiner blauen Untertöne Ruhe und Gelassenheit symbolisieren oder ein Gefühl von Frische, das an klare Morgenluft oder einen nebligen Morgen erinnert.
In der Farbpsychologie kann Blaugrau aufgrund seines Tons Gefühle von Distanz, Traurigkeit und Unsicherheit hervorrufen. Doch mit seinem blauen Einfluss kann dieser kühle Farbton auch Gefühle von Frieden und Entspannung fördern.
Du kannst Blaugrau im UI-Design verwenden, um eine professionelle und moderne Farbpalette zu schaffen, da dieser Farbton ein Gefühl von Vertrauenswürdigkeit und Zuverlässigkeit vermitteln kann. Es ist eine vielseitige Farbwahl, die einen Hauch von Raffinesse hinzufügen kann, ohne zu auffällig oder ablenkend zu sein.
Der Farbton Blaugrau wurde erstmals 1622 im Englischen mit dem Farbnamen „livid“ aufgezeichnet, abgeleitet vom lateinischen Wort „lividus“, was eine stumpfe blaue Farbe bedeutet. Im Lateinischen beschreibt das Wort die Verfärbung von verletzter Haut, ähnlich dem englischen Ausdruck „black and blue“.
Während das Auftauchen des Farbnamen „gray-blue“ nicht klar ist, führte Crayola in den späten 1950er Jahren den Farbtonnamen „gray-blue“ als eigenständige Farbe in ihrer Wachsmalstiftkollektion ein.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Stürmischer Morgen
Städtische Dämmerung
Hafennebel
Kontrastprüfer
Kontrast 3,65
- Großer Text
#6A89A7
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Fehlgeschlagen | Fehlgeschlagen | |
Bestanden | Fehlgeschlagen | |
Bestanden | Fehlgeschlagen |
Kontrast 5,75
- Großer Text
#6A89A7
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Bestanden | Fehlgeschlagen | |
Bestanden | Bestanden | |
Bestanden | Bestanden |
Farbsimulationen
Protanopie
Deuteranopie
Tritanopie
Achromatopsie
Die hexadezimale Farbe #6a89a7, bekannt als Blaugrau, hat die RGB-Werte R:106, G:137, B:167 und die CMYK-Werte C:37, M:18, Y:0, K:35.
| VALUE | CSS | |
|---|---|---|
| HEX | #6a89a7 | #6a89a7 |
| RGB DECIMAL | 106, 137, 167 | RGB(106,137,167) |
| RGB PERCENTAGE | 41.6, 53.7, 65.5 | RGB(41.6%,53.7%,65.5%) |
| CMYK | 37, 18, 0, 35 | |
| HSL | HSL(209.5, 25.7%, 53.5%) | HSL(209.5, 25.7%, 53.5%) |
| HSV (OR HSB) | 209.5°, 36.5, 65.5 | |
| WEB SAFE | #102153153 | #102153153 |
| BINARY | 01101010, 10001001, 10100111 | |
| iOS - SwiftUI | Color(red: 0.416, green: 0.537, blue: 0.655) | |
| iOS - UIKit | UIColor(red: 0.416, green: 0.537, blue: 0.655, alpha: 1) | |
| Android - Compose | Color(0xFF6A89A7) |
