Farbe Azurblau

Ein strahlendes, lebhaftes Blau zwischen reinem Blau und Cyan, wie ein wolkenloser Himmel am Mittag. Der Name geht über das Persische auf den Lapislazuli zurück, und man sieht es oft auf Websites, Flaggen und bei frischen Marken.

Auch genannt: Azur.

Im Editor öffnen

Der HEX-Code von Azurblau ist #007FFF. In RGB ist es rgb(0, 127, 255), in HSL hsl(210, 100%, 50%) und in CMYK 100, 50, 0, 0.

So wirkt sie in echt

Wähle eine Farbe zum Kombinieren und sieh, wie sie an Kleidung, im Raum und im Design wirkt.

Fakten zur Farbe Azurblau

Azurblau (#007FFF) 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, 127 Grün und 255 Blau (von 255). Typische Einsatzbereiche: Web, Branding, Sport.

Farbmuster Azurblau mit Abstufungen von hell bis dunkel · #007FFF — Azurblau · #007FFF

Farbtöne von Azurblau: hell und dunkel

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

Alle Töne ansehen: Generator für Farbabstufungen

Farbharmonien mit Azurblau

Kombinationen nach dem Farbkreis. Mehr unter Farbharmonien.

KomplementärÄhnlich wie: Orange

AnalogÄhnlich wie: Cyan, Blau

TriadeÄhnlich wie: Knallpink, Chartreuse

Geteilt komplementärÄhnlich wie: Rot, Gelb

TetradeÄhnlich wie: Magenta, Orange, Neongrün

Farbpaletten mit Azurblau

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

Farbpalette monochrom · Azurblau

Farbpalette analog · Azurblau

Farbpalette komplementär · Azurblau

Farbpalette Triade · Azurblau

Farbpalette mit Neutraltönen · Azurblau

Farbpalette mit Akzent · Azurblau

Kontrast von Azurblau mit Text

Weißer TextKontrast 3.8:1 · AA großer Text

Schwarzer TextKontrast 5.5:1 · AA

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

CSS-Code

:root {
  --azurblau: #007FFF;
  --azurblau-rgb: 0, 127, 255;
}
.hintergrund { background-color: var(--azurblau); }
.text { color: var(--azurblau); }

Wo du diese Farbe siehst

GoogleMarken FacebookMarken

Farbpaletten nach Thema mit dieser Farbe

Probier als Nächstes

Farbpalette aus deinem NamenGib einen Namen ein und erhalte deine eigene Farbpalette Farbtyp-Test per SelfieFinde mit nur einem Foto deinen Farbtyp und deine besten Farben Welche Farbe hat deine Stimme?Sprich 5 Sekunden lang und verwandle deine Stimme in eine Farbe

Alle kostenlosen Tools ansehen →

Häufige Fragen

Welchen Farbcode hat Azurblau?