Die Farbe Hellblau ist ein sanfter, beruhigender Ton mit einer luftigen und friedlichen Ausstrahlung. Sie liegt zwischen Blau und Grün auf dem Farbkreis und ist bekannt für ihre entspannende Wirkung. Hellblau reicht von zarten Himmelstönen bis hin zu lebendigeren Aquamarintönen.

Hellblau wird durch folgende Farbwerte definiert, um Konsistenz über verschiedene digitale Plattformen und Geräte hinweg zu gewährleisten.
- HEX-Code: #90D5FF
- RGB-Wert: 56,5 % Rot, 83,5 % Grün und 100 % 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.
Hellblau ist eine vielseitige Farbe im UI-Design, die Gefühle von Ruhe, Vertrauen und Frische fördert. Hier sind einige effektive Möglichkeiten, sie in deine Benutzeroberflächen zu integrieren:
- Ruhe fördern. Verwende Hellblau für Hintergründe oder Basiselemente, um eine friedliche und gelassene Benutzererfahrung zu schaffen. Dies kann besonders effektiv für Meditations-Apps, Schlaftracker oder Spa-Websites sein.
- Vertrauen stärken. Die psychologische Verbindung von Hellblau mit Zuverlässigkeit macht es zu einer hervorragenden Wahl für Gesundheits-, Finanz- oder Sicherheits-Apps, bei denen der Vertrauensaufbau entscheidend ist.
- Lesbarkeit verbessern. Hellblau kann die Lesbarkeit von Texten verbessern und wichtige Informationen hervorheben, wenn es mit kontrastierenden Farben kombiniert wird. Erwäge einen hellblauen Hintergrund mit dunkelgrauem Text für optimalen Kontrast.
- Mit Tönen experimentieren. Hellblau umfasst eine Vielzahl von Schattierungen und Tönungen. Blassere Varianten wie Babyblau können ein ätherisches Gefühl erzeugen, während etwas dunklere Töne wie Himmelblau Tiefe hinzufügen. Erkunde diese Bandbreite, um den perfekten Ton für die Stimmung deines Designs zu finden.
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 beruhigenden und erfrischenden Spektrums wie Hellblau, ziehe folgende Farben in Betracht:
- Himmelblau (#87CEEB) fängt die Essenz eines klaren, wolkenlosen Himmels ein, etwas gedämpfter, aber ebenso beruhigend wie Hellblau.
- Puderblau (#B0E0E6) bietet eine weichere, gedämpftere Version mit einem Hauch von Grün, die die sanfte Ruhe von Hellblau verkörpert.
- Babyblau (#8FD9FB) erscheint etwas heller und vermittelt ein Gefühl von jugendlicher Unschuld und Gelassenheit, ähnlich wie Hellblau.
- Cyan (#00FFFF), obwohl lebendiger, teilt die luftige und offene Ausstrahlung von Hellblau und verkörpert die klare Frische tropischer Gewässer.
Um die ruhigen Töne von Hellblau zu ergänzen, kombiniere es mit:
- Weichem Koralle (#F88379) bietet einen warmen, einladenden Kontrast, der die Kühle von Hellblau wunderschön hervorhebt.
- Kühlem Grau (#CBCBCB) schafft einen subtilen, modernen Hintergrund, der Hellblau hervorstechen lässt, ohne zu überwältigen.
- Creme (#FDFBD4), ein warmer, weicher Ton, ergänzt die Helligkeit von Hellblau und schafft eine zarte und einladende Atmosphäre.
- Pfirsich (#FFD3AC) bietet eine sanfte, warme Umarmung, die sich nahtlos mit der ruhigen Qualität von Hellblau verbindet.
- Celadon (#A8DCAB) fügt eine erfrischende, harmonische Note hinzu, die die Ruhe und Erneuerung eines friedlichen Rückzugsortes widerspiegelt.
Weitere Farben, die in Betracht gezogen werden sollten, sind Marineblau für einen klassischen, nautischen Look, Lavendel für eine weiche, verspielte Palette und Weiß für einen klaren, sauberen Look, der das luftige Gefühl von Hellblau verstärkt.
Obwohl Hellblau vielseitig ist, kann es mit folgenden Farben kollidieren:
- Knallrot (#FF0000) kann vor dem sanften Hintergrund von Hellblau zu dominant wirken und einen starken und potenziell störenden Kontrast erzeugen.
- Neonorange (#FFA500) bringt eine übermäßig lebendige Energie mit sich, die die friedliche und ruhige Ausstrahlung von Hellblau stören könnte.
- Dunkelbraun (#654321), obwohl ein natürlicher Erdton, kann die Frische von Hellblau dämpfen und zu einem weniger harmonischen und ansprechenden Kontrast führen.
- Limettengrün (#89F336), mit seiner hohen Intensität, kann von der ruhigen und raffinierten Qualität von Hellblau ablenken und zu einer visuell unruhigen Palette führen.
- Knallpink (#FF69B4), obwohl lebhaft, kann mit Hellblau kollidieren, indem es um visuelle Dominanz konkurriert, anstatt dessen Ruhe zu ergänzen.
Hellblau, das den ruhigen Himmel und das friedliche Meer heraufbeschwört, steht für Gelassenheit, Frieden und Ruhe. Seine beruhigende Präsenz vermittelt universell ein Gefühl von Gelassenheit und geistiger Klarheit. Kulturell symbolisiert Hellblau Frische und Innovation.
Psychologisch steht Hellblau für Vertrauenswürdigkeit und Zuverlässigkeit, fördert Entspannung und klares Denken – fast wie ein visueller Atemzug frischer Luft. Sein beruhigender Einfluss erweist sich als besonders wertvoll in Umgebungen, die Stress reduzieren und die Konzentration fördern.
Im UI/UX-Design machen die beruhigenden und vertrauenswürdigen Eigenschaften von Hellblau es zu einer beliebten Wahl für die Schaffung offener und beruhigender Benutzeroberflächen. Seine Verbindung zu Innovation und Frische belebt Designelemente und macht es zu einer bevorzugten Farbe für Marken, die Kreativität und Fortschrittlichkeit vermitteln möchten.
Obwohl Blau seit Jahrtausenden mit dem Himmel und der Königsfamilie verbunden ist, ist das Konzept eines eigenständigen „Hellblau“-Tons eine neuere Entwicklung.
Die Rokoko-Ära des 18. Jahrhunderts erlebte einen Aufschwung in der Beliebtheit von leichten und luftigen Ästhetiken, was die Wertschätzung für hellblaue Töne festigte. Doch erst 1915 wurde der Begriff „Hellblau“ erstmals im Englischen dokumentiert.
Vor den 1940er Jahren wurde Blau manchmal mit Weiblichkeit in Verbindung gebracht, während Rosa eher mit Männlichkeit assoziiert wurde. Dieser Trend kehrte sich schließlich um, wobei Hellblau zu einer gängigen Wahl für die Kleidung und Dekoration von Jungen wurde.
Heute überwindet Hellblau seine frühen geschlechtsspezifischen Assoziationen. Es wird in Nationalflaggen, Unternehmensmarken und verschiedenen Designanwendungen verwendet.
Farbvarianten
Schattierungen
Tönungen
Töne
Farbtöne
Farbharmonien
Komplementär
Gespalten
Monochromatisch
Analog
Triadisch
Quadratisch
Eigene Paletten
Ruhiges Blau
Küsten-Sonnenaufgang
Meerjungfrauenschwanz
Kontrastprüfer
Kontrast 1,6
- Großer Text
#90D5FF
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Fehlgeschlagen | Fehlgeschlagen | |
Fehlgeschlagen | Fehlgeschlagen | |
Fehlgeschlagen | Fehlgeschlagen |
Kontrast 13,15
- Großer Text
#90D5FF
- Normaler Text
Dein Design, deine Ausrichtung und dein Aufbau zählen. Figma ist für dich da.
| Kategorie | ||
|---|---|---|
Bestanden | Bestanden | |
Bestanden | Bestanden | |
Bestanden | Bestanden |
Farbsimulationen
Protanopie
Deuteranopie
Tritanopie
Achromatopsie
Die hexadezimale Farbe #90d5ff, bekannt als hellblau, hat die RGB-Werte R:144, G:213, B:255 und die CMYK-Werte C:44, M:16, Y:0, K:0.
| VALUE | CSS | |
|---|---|---|
| HEX | #90d5ff | #90d5ff |
| RGB DECIMAL | 144, 213, 255 | RGB(144,213,255) |
| RGB PERCENTAGE | 56.5, 83.5, 100.0 | RGB(56.5%,83.5%,100.0%) |
| CMYK | 44, 16, 0, 0 | |
| HSL | HSL(202.7, 100.0%, 78.2%) | HSL(202.7, 100.0%, 78.2%) |
| HSV (OR HSB) | 202.7°, 43.5, 100.0 | |
| WEB SAFE | #153204255 | #153204255 |
| BINARY | 10010000, 11010101, 11111111 | |
| iOS - SwiftUI | Color(red: 0.565, green: 0.835, blue: 1.000) | |
| iOS - UIKit | UIColor(red: 0.565, green: 0.835, blue: 1.000, alpha: 1) | |
| Android - Compose | Color(0xFF90D5FF) |


