Azurblau Farbcode (#f0ffff)

Azurblau ist #f0ffff als Hex-Wert und rgb(240, 255, 255) — ein sehr helles Cyan. Darunter findest du alle Farbformate, Tints und Shades, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Azurblau
#f0ffff
CSS-Nameazure
Hex#f0ffff
RGBrgb(240, 255, 255)
HSLhsl(180 100% 97%)
HWBhwb(180 94% 0%)
CMYK6%, 0%, 0%, 0%

Tints und Shades

Farbharmonien

Über Azurblau

Azurblau (azure) ist ein sehr helles, leuchtendes Cyan mit dem Hex-Code #f0ffff, oder rgb(240, 255, 255). Im HSL-Farbmodell liegt es bei einem Farbton von 180°, 100% Sättigung und 97% Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: azure; statt des Hex-Werts schreiben.

Azurblau für Text und Hintergründe nutzen

KombinationKontrastverhältnisWCAG
Azurblauer Text auf Weiß1.03 : 1fällt durch
Azurblauer Text auf Schwarz20.45 : 1AAA

Auf einem azurblauen Hintergrund nutzt du schwarzen Text (20.45 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für großen Text. Weitere Kombinationen prüfst du mit dem Kontrastchecker.

CSS

.element {
  color: azure;               /* or #f0ffff */
  background-color: #f0ffff;
  border: 1px solid rgb(240 255 255 / 50%);
}

Ähnliche benannte Farben

Alice Blau (#f0f8ff), Mintcreme (#f5fffa), Geisterweiß (#f8f8ff), Honigtau (#f0fff0), Weiß (#ffffff), Weißer Rauch (#f5f5f5).

Häufige Fragen

Welcher Hex-Code gehört zu Azurblau?
#f0ffff — das entspricht rgb(240, 255, 255) und hsl(180, 100%, 97%). In CSS kannst du auch einfach azure schreiben.
Ist azurblauer Text auf Weiß lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 1.03 : 1 und fällt damit im WCAG-Test durch. Nutze die Farbe besser zur Dekoration oder auf einem dunklen Hintergrund.
Welche Farben passen zu Azurblau?
Die Komplementärfarbe ist #fff0f0; analoge Farben #f0fff7 und #f0f7ff liegen im Farbkreis direkt daneben.