Medium Turquoise Farbcode (#48d1cc)

Medium Turquoise ist #48d1cc in Hex und rgb(72, 209, 204) – ein mittleres Cyan. Unten findest du alle Farbformate, Tönungen und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Medium Turquoise
#48d1cc
CSS-Namemediumturquoise
Hex#48d1cc
RGBrgb(72, 209, 204)
HSLhsl(178 60% 55%)
HWBhwb(178 28% 18%)
CMYK66%, 0%, 2%, 18%

Tönungen und Schattierungen

Farbharmonien

Ü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

KombinationKontrastverhältnisWCAG
Medium Turquoise Text auf Weiß1.86 : 1besteht nicht
Medium Turquoise Text auf Schwarz11.27 : 1AAA

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).

Häufige Fragen

Was ist der Hex-Code für Medium Turquoise?
#48d1cc – das entspricht rgb(72, 209, 204) und hsl(178, 60%, 55%). In CSS kannst du auch einfach mediumturquoise schreiben.
Ist Medium-Turquoise-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 1.86 : 1 und besteht den WCAG-Test nicht. Nutze die Farbe besser zur Gestaltung oder auf einem dunklen Hintergrund.
Welche Farben passen gut zu Medium Turquoise?
Die Komplementärfarbe ist #d1474c; die analogen Farben #47d188 und #4791d1 liegen im Farbkreis direkt daneben.