Dark Turquoise Farbcode (#00ced1)

Dark Turquoise ist #00ced1 in Hex und rgb(0, 206, 209) — ein mittleres Cyan. Unten findest du alle Farbformate, Tints und Shades, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Dark Turquoise
#00ced1
CSS-Namedarkturquoise
Hex#00ced1
RGBrgb(0, 206, 209)
HSLhsl(181 100% 41%)
HWBhwb(181 0% 18%)
CMYK100%, 1%, 0%, 18%

Tints und Shades

Farbharmonien

Über Dark Turquoise

Dark Turquoise (darkturquoise) ist ein mittleres, kräftiges Cyan mit dem Hex-Code #00ced1 oder rgb(0, 206, 209). Im HSL-Modell liegt es bei einem Farbton von 181°, 100 % Sättigung und 41 % Helligkeit. Die Farbe gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: darkturquoise; statt des Hex-Werts schreiben.

Dark Turquoise für Text und Hintergründe

KombinationKontrastverhältnisWCAG
Dark-Turquoise-Text auf Weiß1.95 : 1fällt durch
Dark-Turquoise-Text auf Schwarz10.75 : 1AAA

Auf einem dunklen Turquoise-Hintergrund funktioniert schwarzer Text am besten (10.75 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für großen Text. Weitere Kombinationen prüfst du mit dem Kontrastprüfer.

CSS

.element {
  color: darkturquoise;               /* or #00ced1 */
  background-color: #00ced1;
  border: 1px solid rgb(0 206 209 / 50%);
}

Ähnliche benannte Farben

Deep Sky Blue (#00bfff), Light Sea Green (#20b2aa), Turquoise (#40e0d0), Aqua (#00ffff), Medium Spring Green (#00fa9a), Medium Turquoise (#48d1cc).

Häufige Fragen

Was ist der Hex-Code für Dark Turquoise?
#00ced1 — das entspricht rgb(0, 206, 209) und hsl(181, 100%, 41%). In CSS kannst du auch einfach darkturquoise schreiben.
Ist Dark-Turquoise-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß liegt bei 1.95 : 1 und fällt damit bei WCAG durch. Nutze die Farbe besser zur Gestaltung oder auf einem dunklen Hintergrund.
Welche Farben passen gut zu Dark Turquoise?
Die Komplementärfarbe ist #d10300; die analogen Farben #00d16c und #0065d1 liegen im Farbkreis direkt daneben.