Aquamarin Farbcode (#7fffd4)

Aquamarin ist #7fffd4 in Hex und rgb(127, 255, 212) — ein helles Cyan. Unten findest du jedes Farbformat, Töne und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Aquamarin
#7fffd4
CSS-Nameaquamarine
Hex#7fffd4
RGBrgb(127, 255, 212)
HSLhsl(160 100% 75%)
HWBhwb(160 50% 0%)
CMYK50%, 0%, 17%, 0%

Töne und Schattierungen

Farbharmonien

Über Aquamarin

Aquamarin (aquamarine) ist ein helles, lebendiges Cyan mit dem Hex-Code #7fffd4 bzw. rgb(127, 255, 212). Im HSL-Modell liegt er bei einem Farbton von 160°, 100 % Sättigung und 75 % Helligkeit. Er gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also statt des Hex-Werts einfach color: aquamarine; schreiben.

Aquamarin für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Aquamarin-Text auf Weiß1.22 : 1nicht bestanden
Aquamarin-Text auf Schwarz17.16 : 1AAA

Auf einem aquamarinfarbenen Hintergrund verwendest du schwarzen Text (17.16 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Weitere Kombinationen prüfst du mit dem Kontrast-Checker.

CSS

.element {
  color: aquamarine;               /* or #7fffd4 */
  background-color: #7fffd4;
  border: 1px solid rgb(127 255 212 / 50%);
}

Ähnliche benannte Farben

Himmelblau (#87ceeb), Blasses Türkis (#afeeee), Pulverblau (#b0e0e6), Helles Himmelblau (#87cefa), Hellblau (#add8e6), Blassgrün (#98fb98).

Häufige Fragen

Wie lautet der Hex-Code für Aquamarin?
#7fffd4 — das entspricht rgb(127, 255, 212) und hsl(160, 100%, 75%). In CSS kannst du auch einfach aquamarine schreiben.
Ist aquamarinfarbener Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 1.22 : 1 und besteht damit den WCAG-Test nicht. Nutze die Farbe besser zur Gestaltung oder auf einem dunklen Hintergrund.
Welche Farben passen gut zu Aquamarin?
Die Komplementärfarbe ist #ff80aa; die analogen Farben #80ff95 und #80eaff liegen im Farbkreis direkt daneben.