Zum Inhalt springen

Komplementärfarben

oder auch Komplementärfarbe

Männliche Person, frontal, schaut in die Kamera; trägt kariertes Hemd über dunkelfarbigem T‑Shirt; heller Innenraum mit unscharfem Monitor oder Poster links und Fenster rechts.

von Richard Albrecht am 10.11.2026

Komplementärfarben sind Farbpaare, die sich im Farbkreis gegenüberliegen und den stärksten Farbkontrast bilden, etwa Blau und Orange. Physikalisch ergänzen sie sich: Zwei komplementäre Lichtfarben ergeben im richtigen Verhältnis gemischt Weiß. Welche Farben genau komplementär sind, hängt davon ab, ob man mit Licht oder mit Pigmenten arbeitet.

Komplementärfarben

Zwei Farben, die sich im Farbkreis gegenüberliegen und sich gegenseitig zu Unbunt ergänzen.
Beispiel: „Blau und Orange sind Komplementärfarben, deshalb springt der orange Button auf der blauen Fläche ins Auge.“

Abgrenzung zwischen den Farbkreisen: Im künstlerischen Farbkreis nach Itten stehen sich Blau und Orange, Rot und Grün, Gelb und Violett gegenüber. Am Bildschirm sind es Blau und Gelb, Rot und Cyan, Grün und Magenta.

Wie Komplementärfarben definiert sind

Die CIE nennt zwei Farbreize komplementär, wenn ihre additive Mischung ein Unbunt ergibt. Bei Pigmenten gibt es keinen so exakten Kreis, weil das Ergebnis vom Farbstoff abhängt; gemischt entsteht im besten Fall ein Grau.

Ein zwölfteiliger Farbkreis, in dem eine Linie das gegenüberliegende Paar Orange und Blau verbindet.
Gegenüberliegende Farben steigern sich gegenseitig, wenn sie nebeneinanderstehen.

Wie Komplementärfarben wirken

Nebeneinander verstärken sie sich. Michel-Eugène Chevreul beschrieb 1839, dass benachbarte Farben verschiedener erscheinen, als sie sind, und Nachbilder zeigen nach längerem Hinsehen die Gegenfarbe. Für das Auge maßgeblich ist dabei der Farbkreis des Lichts.

Komplementärfarben im Webdesign

Ein komplementärer Akzent hebt einen Call-to-Action deutlich von der Markenfarbe ab. Für Text taugt das Paar nur, wenn sich auch die Helligkeit unterscheidet: Rot auf Grün flimmert bei gleicher Helligkeit und ist für Menschen mit Farbenblindheit kaum zu lesen. Maßgeblich bleibt das Kontrastverhältnis.

Siehe auch:

Farbkreis

Eine kreisförmige Anordnung der Farbtöne, in der Nachbarn ineinander übergehen und Gegensätze sich gegenüberliegen.

#Gestaltungsgrundlagen

Farbharmonie

Ein Zusammenspiel von Farben, das als stimmig und ausgewogen empfunden wird.

#Gestaltungsgrundlagen

Kontrast als Gestaltungsmittel

Der bewusst eingesetzte Unterschied zwischen Elementen in Größe, Farbe, Helligkeit oder Form, der Bedeutung sichtbar macht.

#Gestaltungsgrundlagen

Kontrastverhältnis

Messwert für den Helligkeitsunterschied zwischen Text und Hintergrund.

#Barrierefreiheit (Accessibility) #Gestaltungsgrundlagen #Benutzererfahrung (UX)

Farbenblindheit

Eingeschränkte Unterscheidung von Farben, meist zwischen Rot und Grün.

#Barrierefreiheit (Accessibility) #Gestaltungsgrundlagen

Call-To-Action (CTA)

Element, das Besucher zu einer bestimmten Handlung auffordert, meist als Schaltfläche oder hervorgehobener Link.

#Website-Struktur