Aqua Farbcode (#00ffff)

Aqua ist #00ffff in Hex und rgb(0, 255, 255) — ein mittleres Cyan. Unten findest du jedes Farbformat, Tints und Shades, Farbharmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Aqua
#00ffff
CSS-Nameaqua (auch cyan)
Hex#00ffff
RGBrgb(0, 255, 255)
HSLhsl(180 100% 50%)
HWBhwb(180 0% 0%)
CMYK100%, 0%, 0%, 0%

Tints und Shades

Farbharmonien

Über Aqua

Aqua (aqua) ist ein mittleres, kräftiges Cyan mit dem Hex-Code #00ffff, oder rgb(0, 255, 255). In HSL liegt es bei einem Farbton von 180°, 100% Sättigung und 50% Helligkeit. CSS akzeptiert außerdem die Schreibweise cyan für exakt dieselbe Farbe. Sie gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: aqua; statt des Hex-Werts schreiben.

Aqua für Text und Hintergründe verwenden

PaarungKontrastverhältnisWCAG
Aqua-Text auf Weiß1,25 : 1nicht bestanden
Aqua-Text auf Schwarz16,75 : 1AAA

Auf einem Aqua-Hintergrund verwende Schwarz als Textfarbe (16,75 : 1). WCAG verlangt mindestens 4,5 : 1 für Fließtext und 3 : 1 für große Schrift. Prüfe weitere Kombinationen mit dem Contrast Checker.

CSS

.element {
  color: aqua;               /* or #00ffff */
  background-color: #00ffff;
  border: 1px solid rgb(0 255 255 / 50%);
}

Ähnliche benannte Farben

Tiefes Himmelblau (#00bfff), Dunkeltürkis (#00ced1), Türkis (#40e0d0), Mittleres Türkis (#48d1cc), Mittleres Frühlingsgrün (#00fa9a), Dodger Blue (#1e90ff).

Häufige Fragen

Was ist der Hex-Code für Aqua?
#00ffff — das entspricht rgb(0, 255, 255) und hsl(180, 100%, 50%). In CSS kannst du auch einfach aqua schreiben.
Ist Aqua-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 1,25 : 1 und besteht damit WCAG nicht — verwende die Farbe besser zur Dekoration oder auf dunklem Hintergrund.
Welche Farben passen gut zu Aqua?
Die Komplementärfarbe ist #ff0000; die analogen Farben #00ff80 und #0080ff liegen im Farbkreis direkt daneben.