Farb-Guide

Die Farbe Turquoise

#40E0D0

Farbcodes von turquoise

HEX
#40E0D0
RGB
rgb(64, 224, 208)
HSL
hsl(174, 72%, 56%)
OKLCH
oklch(89% 0.04 240)

Was turquoise bedeutet

Turquoise recalls tropical seas and clarity. It refreshes and opens up dense layouts.

So wird es im Design eingesetzt

Great for travel, wellness and summer campaigns. Needs dark text for accessible contrast.

Farbkombinationen mit turquoise

Harmonien, berechnet mit Farbtheorie für den Basiston 174°.

Komplementär

Maximaler Kontrast: #40E0D0 + #E03E4E

Im Editor öffnen

Analog

Harmonie bei ±30°: #3EE07F · #40E0D0 · #3E9FE0

Triadisch

Gleichmäßiger 120°-Abstand: #40E0D0 · #CF3EE0 · #E0CF3E

turquoise-Töne (50–900-Skala)

Fertige Tailwind-artige Skala, generiert aus #40E0D0.

50 #0F2B28
100 #11302D
200 #174641
300 #1F6C64
400 #26A599
500 #3EE0CF
600 #8BE5DC
700 #C3EEEA
800 #E7F7F6
900 #FCFEFE

Farben, die gut zu turquoise passen

FAQ zur Farbe turquoise

Was ist der HEX-Code von turquoise?

Ein häufig verwendeter HEX-Wert für turquoise ist #40E0D0, entsprechend rgb(64, 224, 208). Je nach gewünschter Nuance kannst du Sättigung und Helligkeit anpassen und dabei denselben Farbton (174°) beibehalten.

Welche Farben passen gut zu turquoise?

turquoise harmoniert wunderbar mit coral, navy, sand, charcoal. Die Komplementärfarbe ist #E03E4E, und ein klassisches triadisches Schema ergänzt #CF3EE0 und #E0CF3E.

Ist turquoise barrierefrei für Text und Hintergründe?

Das hängt vom Kontrastverhältnis zur anderen Farbe ab. Nutze den NanoPalettes-Kontrast-Prüfer, um die WCAG-AA (4.5:1)- und AAA (7:1)-Konformität zu prüfen, bevor du turquoise in Text oder UI-Elementen einsetzt.

Erstelle deine eigene turquoise-Palette

Erzeuge harmonische Kombinationen aus #40E0D0 in Sekunden.

Palettengenerator öffnen