Indigo Farbcode (#4b0082)

Indigo ist #4b0082 im Hex-Format und rgb(75, 0, 130) — ein dunkles Violett. Unten findest du jedes Farbformat, Töne und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Indigo
#4b0082
CSS-Nameindigo
Hex#4b0082
RGBrgb(75, 0, 130)
HSLhsl(275 100% 25%)
HWBhwb(275 0% 49%)
CMYK42%, 100%, 0%, 49%

Töne und Schattierungen

Farbharmonien

Über Indigo

Indigo (indigo) ist ein dunkles, leuchtendes Violett mit dem Hex-Code #4b0082 oder rgb(75, 0, 130). In HSL liegt er bei einem Farbton von 275°, 100% Sättigung und 25% Helligkeit. Er gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: indigo; statt des Hex-Werts schreiben.

Indigo für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Indigo-Text auf Weiß12.95 : 1AAA
Indigo-Text auf Schwarz1.62 : 1nicht bestanden

Auf einem Indigo-Hintergrund verwendest du weißen Text (12.95 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Prüfe weitere Kombinationen mit dem Kontrast-Checker.

CSS

.element {
  color: indigo;               /* or #4b0082 */
  background-color: #4b0082;
  border: 1px solid rgb(75 0 130 / 50%);
}

Ähnliche benannte Farben

Lila (#800080), Mitternachtsblau (#191970), Dunkles Schieferblau (#483d8b), Rebecca-Lila (#663399), Dunkles Magenta (#8b008b), Navy (#000080).

Häufige Fragen

Was ist der Hex-Code für Indigo?
#4b0082 — das entspricht rgb(75, 0, 130) und hsl(275, 100%, 25%). In CSS kannst du auch einfach indigo schreiben.
Ist Indigo-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß beträgt 12.95 : 1, damit besteht die Farbe WCAG AA für normalen Text.
Welche Farben passen gut zu Indigo?
Die Komplementärfarbe ist #358000; die analogen Farben #0b0080 und #800075 liegen im Farbkreis direkt daneben.