Farb-Guide

Die Farbe Indigo

#6366F1

Farbcodes von indigo

HEX
#6366F1
RGB
rgb(99, 102, 241)
HSL
hsl(239, 84%, 67%)
OKLCH
oklch(79% 0.10 288)

Was indigo bedeutet

Indigo sits between blue and violet: as trustworthy as blue but more imaginative. It is the unofficial color of modern dev tools.

So wird es im Design eingesetzt

A safe, modern primary for SaaS dashboards, docs sites and developer brands.

Farbkombinationen mit indigo

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

Komplementär

Maximaler Kontrast: #6366F1 + #F2EF64

Im Editor öffnen

Analog

Harmonie bei ±30°: #64ADF2 · #6366F1 · #A864F2

Triadisch

Gleichmäßiger 120°-Abstand: #6366F1 · #F26467 · #67F264

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

Fertige Tailwind-artige Skala, generiert aus #6366F1.

50 #17185B
100 #181961
200 #1C1D79
300 #1F21A4
400 #2327E0
500 #6467F2
600 #B4B5F4
700 #EDEDFC
800 #FFFFFF
900 #FFFFFF

Farben, die gut zu indigo passen

FAQ zur Farbe indigo

Was ist der HEX-Code von indigo?

Ein häufig verwendeter HEX-Wert für indigo ist #6366F1, entsprechend rgb(99, 102, 241). Je nach gewünschter Nuance kannst du Sättigung und Helligkeit anpassen und dabei denselben Farbton (239°) beibehalten.

Welche Farben passen gut zu indigo?

indigo harmoniert wunderbar mit amber, mint, white, pink. Die Komplementärfarbe ist #F2EF64, und ein klassisches triadisches Schema ergänzt #F26467 und #67F264.

Ist indigo 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 indigo in Text oder UI-Elementen einsetzt.

Erstelle deine eigene indigo-Palette

Erzeuge harmonische Kombinationen aus #6366F1 in Sekunden.

Palettengenerator öffnen