Über Medium Turquoise
Medium Turquoise (mediumturquoise) ist ein mittleres, kräftiges Cyan mit dem Hex-Code #48d1cc oder rgb(72, 209, 204). In HSL liegt er bei einem Farbton von 178°, 60 % Sättigung und 55 % Helligkeit. Er gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: mediumturquoise; statt des Hex-Werts schreiben.
Medium Turquoise für Text und Hintergründe
| Kombination | Kontrastverhältnis | WCAG |
|---|---|---|
| Medium Turquoise Text auf Weiß | 1.86 : 1 | besteht nicht |
| Medium Turquoise Text auf Schwarz | 11.27 : 1 | AAA |
Auf einem Medium-Turquoise-Hintergrund nimmst du Schwarz als Textfarbe (11.27 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Weitere Kombinationen kannst du mit dem Kontrast-Checker prüfen.
CSS
.element {
color: mediumturquoise; /* or #48d1cc */
background-color: #48d1cc;
border: 1px solid rgb(72 209 204 / 50%);
}
Ähnliche benannte Farben
Turquoise (#40e0d0), Medium Aquamarine (#66cdaa), Light Sea Green (#20b2aa), Himmelblau (#87ceeb), Cadet Blue (#5f9ea0), Aquamarine (#7fffd4).
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.