#651FFF

#651FFF — Farbcodes & Palette

Q: Was ist der RGB-Wert von #651FFF?

Der RGB-Wert von #651FFF (#651FFF) ist rgb(101, 31, 255). Dieser setzt sich aus den Rot-, Grün- und Blau-Kanalwerten auf einer Skala von 0 bis 255 zusammen.

Q: Ist #651FFF auf weißem Hintergrund barrierefrei?

Das Kontrastverhältnis von #651FFF (#651FFF) auf weißem (#FFFFFF) Hintergrund beträgt 6.58:1 — AA bestanden (Normalstext). Auf schwarzem (#000000) Hintergrund beträgt das Kontrastverhältnis 3.19:1 — AA bestanden (nur großer Text). WCAG 2.1 fordert 4,5:1 für Normalstext (AA) und 7:1 für erhöhte Barrierefreiheit (AAA).

Q: Welche Farben passen gut zu #651FFF?

#651FFF (#651FFF) harmoniert gut mit seiner Komplementärfarbe und Analogtönen. Die Komplementärfarbe ist #B8FF1F, der Analogton bei +30° ist #D61FFF und ein Triadenton ist #FF661F. Diese Beziehungen basieren auf der Farbtheorie mit HSL (hsl(259, 100%, 56%)) als Ausgangspunkt.

#651FFF · rgb(101, 31, 255) · hsl(259, 100%, 56%)

Farbcodes

Format	Wert
HEX	#651FFF
RGB	rgb(101, 31, 255)
HSL	hsl(259, 100%, 56%)

Dunklere Töne von #651FFF

#5100FF

#4700E0

#3D00C2

#3400A3

#2A0085

#200066

#170047

#0D0029

Hellere Töne von #651FFF

#7433FF

#8247FF

#8F5CFF

#9D70FF

#AB85FF

#B999FF

#C7ADFF

#D5C2FF

Farbkombinationen & Harmonie

Komplementärfarbe

#B8FF1F

Analog +30°

#D61FFF

Analog −30°

#1F48FF

Triade +120°

#FF661F

Triade −120°

#1FFF66

Kontrast & Barrierefreiheit (WCAG 2.1)

vs. Weiß (#FFFFFF)

6.58:1 — AA bestanden (Normalstext)

vs. Schwarz (#000000)

3.19:1 — AA bestanden (nur großer Text)

CSS-Code

.element {
  color: #651FFF;
}

.element-bg {
  background-color: #651FFF;
  color: #ffffff;
}

.element-border {
  border: 2px solid #651FFF;
}

Über #651FFF

#651FFF ist eine mittlere Farbe mit lebhafter, sehr hoher Sättigung, definiert durch den Hex-Code #651FFF. Die genauen Farbmodellwerte sind rgb(101, 31, 255) in RGB und hsl(259, 100%, 56%) in HSL (Farbton 259°, Sättigung 100%, Helligkeit 56%). Auf weißem Hintergrund beträgt das Kontrastverhältnis 6.58:1 — AA bestanden (Normalstext), auf schwarzem 3.19:1 — AA bestanden (nur großer Text). Verwende #651FFF 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 #651FFF?

Der RGB-Wert von #651FFF (#651FFF) ist rgb(101, 31, 255). Rot = rgb(101, 31, 255) steht für die Anteile von Rot, Grün und Blau auf einer Skala von 0 bis 255.

Ist #651FFF auf weißem Hintergrund barrierefrei?

Das Kontrastverhältnis von #651FFF auf Weiß (#FFFFFF) beträgt 6.58:1 — AA bestanden (Normalstext). Auf Schwarz (#000000) beträgt das Kontrastverhältnis 3.19:1 — AA bestanden (nur großer Text). WCAG 2.1 fordert 4,5:1 für AA (Normalstext) und 7:1 für AAA.

Welche Farben passen gut zu #651FFF?

Basierend auf der Farbtheorie harmoniert #651FFF (hsl(259, 100%, 56%)) gut mit seiner Komplementärfarbe sowie Analog- und Triadentönen. Die genauen Hex-Werte jeder Kombinationsart findest du in den Harmoniefeldern oben.

#651FFF — Farbcodes &amp; Palette