DevArbor
#7B1FA2

#7B1FA2 — Farbcodes & Palette

#7B1FA2  ·  rgb(123, 31, 162)  ·  hsl(282, 68%, 38%)

Farbcodes

Format Wert
HEX #7B1FA2
RGB rgb(123, 31, 162)
HSL hsl(282, 68%, 38%)

Dunklere Töne von #7B1FA2

#6E1C92#611881#54156F#47125E#3A0F4D#2D0B3C#20082B#13051A

Hellere Töne von #7B1FA2

#8F24BC#A229D6#AD43DB#B85CE0#C476E5#CF90EA#DAA9EF#E5C3F4

Farbkombinationen & Harmonie

Komplementärfarbe
#47A31F
Analog +30°
#A31F88
Analog −30°
#391FA3
Triade +120°
#A37B1F
Triade −120°
#1FA37B

Kontrast & Barrierefreiheit (WCAG 2.1)

vs. Weiß (#FFFFFF)
8.20:1 — AAA bestanden (Normalstext)
vs. Schwarz (#000000)
2.56:1 — Nicht bestanden

CSS-Code

.element {
  color: #7B1FA2;
}

.element-bg {
  background-color: #7B1FA2;
  color: #ffffff;
}

.element-border {
  border: 2px solid #7B1FA2;
}

Über #7B1FA2

#7B1FA2 ist eine dunkle Farbe mit hoher Sättigung, definiert durch den Hex-Code #7B1FA2. Die genauen Farbmodellwerte sind rgb(123, 31, 162) in RGB und hsl(282, 68%, 38%) in HSL (Farbton 282°, Sättigung 68%, Helligkeit 38%). Auf weißem Hintergrund beträgt das Kontrastverhältnis 8.20:1 — AAA bestanden (Normalstext), auf schwarzem 2.56:1 — Nicht bestanden. Verwende #7B1FA2 für UI-Elemente, Hintergründe, Text, Rahmen oder dekorative Akzente. Der Abschnitt mit den dunkleren Tönen zeigt schrittweise dunklere Varianten, während der Streifen mit den helleren Tönen schrittweise hellere Versionen zeigt — beide nützlich für den Aufbau einer tonalen Palette. Die Harmoniefelder bieten Komplementär-, Analog- und Triadenkombinationen basierend auf dem HSL-Farbtonrad.

Diese Farbe interaktiv erkunden, Paletten erstellen oder zwischen Farbformaten konvertieren? Der DevArbor Farbauswahl-Rechner hilft dir dabei.

Farbauswahl öffnen →

Häufig gestellte Fragen

Was ist der RGB-Wert von #7B1FA2?
Der RGB-Wert von #7B1FA2 (#7B1FA2) ist rgb(123, 31, 162). Rot = rgb(123, 31, 162) steht für die Anteile von Rot, Grün und Blau auf einer Skala von 0 bis 255.
Ist #7B1FA2 auf weißem Hintergrund barrierefrei?
Das Kontrastverhältnis von #7B1FA2 auf Weiß (#FFFFFF) beträgt 8.20:1 — AAA bestanden (Normalstext). Auf Schwarz (#000000) beträgt das Kontrastverhältnis 2.56:1 — Nicht bestanden. WCAG 2.1 fordert 4,5:1 für AA (Normalstext) und 7:1 für AAA.
Welche Farben passen gut zu #7B1FA2?
Basierend auf der Farbtheorie harmoniert #7B1FA2 (hsl(282, 68%, 38%)) gut mit seiner Komplementärfarbe sowie Analog- und Triadentönen. Die genauen Hex-Werte jeder Kombinationsart findest du in den Harmoniefeldern oben.