Ü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
| Paarung | Kontrastverhältnis | WCAG |
|---|---|---|
| Türkiser Text auf Weiß | 1.64 : 1 | nicht bestanden |
| Türkiser Text auf Schwarz | 12.79 : 1 | AAA |
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).
Farbnamen-Finder
Füge einen HEX-Code ein, um den passendsten lesbaren Farbnamen und saubere Token-Namen für dein CSS, SCSS, JavaScript oder deine Tailwind-Konfiguration zu erhalten.