Farbpaletten

Farbe Blau

Eine der drei Lichtfarben jedes Bildschirms, neben Rot und Grün. Es vermittelt Ruhe, Vertrauen und Ordnung. Es ist die häufigste Farbe in Logos von Banken, Tech-Firmen und sozialen Netzwerken.

Auch genannt: Blauton.

Blau · #0000FF

Fakten zur Farbe Blau

Blau (#0000FF) ist ein Farbton, der kühl, mittelhell und sehr gesättigt wirkt. Er gehört zur Familie der Blautöne. Er besteht aus 0 Rot, 0 Grün und 255 Blau (von 255). Typische Einsatzbereiche: Logos, Web, Branding, Mode.

Farbtöne von Blau: hell und dunkel

Vom hellsten zum dunkelsten Ton. Tippe auf einen Ton, um seinen Code zu kopieren.

Farben, die zu Blau passen

WeißFrisch und klar, wie Meer und Wolken.OrangeSeine Komplementärfarbe, mit maximalem Kontrast.GrauDezent und professionell.GelbFröhlich und hell.BeigeWärme und Ausgewogenheit.RosaSüßer, moderner Kontrast.MokkaEine klassische, natürliche Mischung.GrünSein natürlicher Nachbar, frisch und gelassen.
So kombinierst du Blau in Mode und Einrichtung →

Farbharmonien mit Blau

Kombinationen nach dem Farbkreis. Mehr unter Farbharmonien.

KomplementärÄhnlich wie: Gelb
AnalogÄhnlich wie: Elektroblau, Violett
TriadeÄhnlich wie: Rot, Neongrün
Geteilt komplementärÄhnlich wie: Orange, Chartreuse
TetradeÄhnlich wie: Knallpink, Gelb, Mintgrün

Farbpaletten mit Blau

Kopiere die Codes oder öffne die Farbpalette im Editor, um sie anzupassen.

Farbpalette monochrom · Blau
Farbpalette analog · Blau
Farbpalette komplementär · Blau
Farbpalette Triade · Blau
Farbpalette mit Neutraltönen · Blau
Farbpalette mit Akzent · Blau

Kontrast von Blau mit Text

Weißer TextKontrast 8.6:1 · AAA
Schwarzer TextKontrast 2.4:1 · Nicht empfohlen

Nach den WCAG-2.1-Richtlinien. Weitere Farbpaare prüfst du mit dem Kontrast-Prüfer.

CSS-Code

:root {
  --blau: #0000FF;
  --blau-rgb: 0, 0, 255;
}
.hintergrund { background-color: var(--blau); }
.text { color: var(--blau); }

Ähnliche Farben wie Blau

ViolettLilaDunkelblauUltramarinblauMarineblauMagentaKlein-BlauTraubenlilaIndigoElektroblau

Weitere Blautöne

MarineblauHimmelblauKobaltblauSaphirblauStahlblauKönigsblauElektroblauMitternachtsblauUltramarinblauFranzösischblauPreußischblauPastellblauBabyblauJeansblauKlein-BlauDunkelblauHellblauCoelinblau

Häufige Fragen

Welchen Farbcode hat Blau?

Der HEX-Code von Blau ist #0000FF. In RGB ist es rgb(0, 0, 255), in HSL hsl(240, 100%, 50%) und in CMYK 100, 100, 0, 0.

Was ist die Komplementärfarbe zu Blau?

Die Komplementärfarbe im Farbkreis ist #FFFF00, ein Ton in der Nähe von Gelb. Sparsam eingesetzt dient sie als Akzent und sorgt für starken Kontrast.

Kann man weißen Text auf Blau verwenden?

Ja. Der Kontrast zu Weiß beträgt 8.6:1, genug für normalen Text (WCAG AA).

Welche Farben passen zu Blau?

Gut dazu passen Weiß, Orange, Grau, Gelb, Beige. Mische nicht zu viele sehr unterschiedliche Blautöne ohne Neutralton, sonst wirkt es unruhig. Mit kräftigem Lila verliert Blau an Klarheit.