Türkis-Farbcode (#40e0d0)

Türkis ist #40e0d0 im Hex-Format und rgb(64, 224, 208) — ein mittleres Cyan. Unten findest du jedes Farbformat, Töne und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Türkis
#40e0d0
CSS-Nameturquoise
Hex#40e0d0
RGBrgb(64, 224, 208)
HSLhsl(174 72% 56%)
HWBhwb(174 25% 12%)
CMYK71%, 0%, 7%, 12%

Töne und Schattierungen

Farbharmonien

Über Türkis

Türkis (turquoise) ist ein mittleres, kräftiges Cyan mit dem Hex-Code #40e0d0 bzw. rgb(64, 224, 208). Im HSL-Modell liegt er bei einem Farbton von 174°, 72 % Sättigung und 56 % Helligkeit. Er gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: turquoise; statt des Hex-Werts schreiben.

Türkis für Text und Hintergründe

PaarungKontrastverhältnisWCAG
Türkiser Text auf Weiß1.64 : 1nicht bestanden
Türkiser Text auf Schwarz12.79 : 1AAA

Auf einem türkisfarbenen Hintergrund nimmst du am besten schwarzen Text (12.79 : 1). WCAG verlangt für Fließtext mindestens 4.5 : 1 und für große Schrift 3 : 1. Weitere Kombinationen prüfst du mit dem Kontrastprüfer.

CSS

.element {
  color: turquoise;               /* or #40e0d0 */
  background-color: #40e0d0;
  border: 1px solid rgb(64 224 208 / 50%);
}

Ähnliche benannte Farben

Mittleres Türkis (#48d1cc), Mittleres Aquamarin (#66cdaa), Dunkles Türkis (#00ced1), Helles Meeresgrün (#20b2aa), Aquamarin (#7fffd4), Himmelblau (#87ceeb).

Häufige Fragen

Welchen Hex-Code hat Türkis?
#40e0d0 — das entspricht rgb(64, 224, 208) und hsl(174, 72%, 56%). In CSS kannst du auch einfach turquoise schreiben.
Ist türkiser Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 1.64 : 1 und besteht damit die WCAG-Prüfung nicht – verwende die Farbe besser zur Dekoration oder auf dunklem Hintergrund.
Welche Farben passen gut zu Türkis?
Die Komplementärfarbe ist #e03e4e; die analogen Farben #3ee07f und #3e9fe0 liegen im Farbkreis direkt daneben.