Turquoise #40E0D0

Turquoise ist eine Farbe im Bereich Türkis oder Cyan, hell und mäßig gesättigt, mit dem Hex-Code #40E0D0 und dem RGB-Wert rgb(64, 224, 208).

Aa

Schwarzer Text ist auf dieser Farbe am besten lesbar (12.79:1).

Über diese Farbe

#40E0D0 ist eine Farbe im Bereich Türkis oder Cyan, hell und mäßig gesättigt. In OKLCH liegt die Helligkeit bei 82 %, die Chroma bei 0.131 und der Farbwinkel bei 185°. Ihr Farbton liegt auf der kühlen Seite des Farbkreises. Es ist die benannte Farbe Turquoise. Schwarzer Text ist darauf am besten lesbar, mit 12.79:1.

FarbfamilieTürkis und Cyan
Helligkeithell (82%)
Chromamäßig gesättigt (0.131)
Temperaturkühl
Nächster NameTurquoise
Schwarzer Text12.79:1
Weißer Text1.64:1

Farben, die zu Turquoise passen

Passende Farben, gefunden durch Drehen von Turquoise auf dem OKLCH-Farbkreis, jeweils mit dem nächsten Namen aus unserer Liste.

Komplementär

Der gegenüberliegende Farbton (180°).

Komplementäre Palette im Generator öffnen

Analog

Benachbarte Farbtöne, je 30° zu beiden Seiten.

Analoge Palette im Generator öffnen

Farbpaletten mit Turquoise

Kuratierte Farbpaletten, die eine Farbe innerhalb von ΔE 0,06 (OKLab) zu Turquoise enthalten, die nächsten zuerst.

Ähnliche benannte Farben

Die acht benannten Farben, die Turquoise am nächsten liegen, mit ihrem ΔE-Abstand.

Mehr über Turquoise

So mischst du Turquoise

Ein Ausgangsrezept aus gängigen Malfarben, berechnet mit einem spektralen Farbmodell (dem Malfarben-Modus des Farbmischers). Echte Pigmente weichen ab: Misch zuerst eine kleine Probe und passe sie an.

  • 4 Teile Weiß
  • 2 Teile Grün
  • 1 Teil Blau

Ergebnis des Rezepts: #98D6AF, eine Abweichung von ΔE 0.070 zu Turquoise. Das ist nah dran; gib etwas mehr von einer Farbe dazu, um es anzugleichen.

Welche Farben ergeben Türkis oder Cyan? | Farbmischtabelle

Codes für Turquoise in jedem Format

HEX#40E0D0
RGBrgb(64, 224, 208)
HSLhsl(174, 72%, 56%)
OKLCHoklch(82.2% 0.131 185.1)

Kontrast

WCAG-2-Kontrastverhältnisse sind das Konformitätsziel: AA verlangt 4,5:1 für Fließtext und 3:1 für großen Text, AAA verlangt 7:1. APCA-Lc-Werte sind ergänzende Hinweise aus den WCAG-3-Entwürfen.

PaarWCAG 2ErgebnisAPCAAPCA-Empfehlung
Weißer Text auf #40E0D0 1.64:1 Nicht bestanden Lc -31.7 Elemente ohne Text, Platzhaltertext
Schwarzer Text auf #40E0D0 12.79:1 AAA Lc 75.7 Gut für Fließtext
#40E0D0 als Text auf Weiß 1.64:1 Nicht bestanden Lc 28.1 Nur Trennlinien und Dekoration
#40E0D0 als Text auf Schwarz 12.79:1 AAA Lc -74.9 Inhaltstext, nicht für lange Texte

Shades und Tints von Turquoise

Eine Skala von 50 bis 950 in OKLCH: Der Farbton bleibt gleich, die Helligkeit folgt einer Kurve wie in Tailwind v4, und jede Stufe bleibt innerhalb des sRGB-Gamuts. Diese Farbe liegt auf Stufe 300.

  1. Stufe 50

    50

    #E9FAF7

    oklch(97.2% 0.018 184.3)

  2. Stufe 100

    100

    #CFF3ED

    oklch(93.7% 0.038 184.4)

  3. Stufe 200

    200

    #A2E9DF

    oklch(88.4% 0.072 185)

  4. Stufe 300

    300 (diese Farbe)

    #40E0D0

    oklch(82.2% 0.131 185.1)

  5. Stufe 400

    400

    #00B9AB

    oklch(70.7% 0.124 185.3)

  6. Stufe 500

    500

    #009F92

    oklch(63.2% 0.111 184.7)

  7. Stufe 600

    600

    #00857B

    oklch(55.5% 0.097 185.6)

  8. Stufe 700

    700

    #007067

    oklch(49% 0.086 185.2)

  9. Stufe 800

    800

    #005C54

    oklch(42.7% 0.075 184.7)

  10. Stufe 900

    900

    #004D46

    oklch(37.8% 0.067 184.5)

  11. Stufe 950

    950

    #002E29

    oklch(27.1% 0.048 183.6)

Diese Skala im Tool für Tailwind-Farben exportieren

Turquoise bei Farbenblindheit

Simuliert mit dem Modell von Machado et al. (2009). ΔE zeigt, wie weit sich die Farbe verschiebt: unter etwa 0,02 fällt die Änderung nicht auf.

SehenWirkt alsVerschiebung (ΔE)
Protanopie (keine Rotzapfen)#D5D3D00.140
Deuteranopie (keine Grünzapfen)#BEC3D20.131
Tritanopie (keine Blauzapfen)#00E5DB0.019
Achromatopsie (kein Farbsehen)#CACACA0.132

Nutze Turquoise in deinem Produkt

Mach daraus helle und dunkle UI-Rollen mit geprüftem Kontrast und exportiere sie für Tailwind v4, shadcn/ui, CSS oder Design Tokens.