#C71585

MediumVioletRed — Farbcodes & Palette

Q: Was ist der RGB-Wert von MediumVioletRed?

Der RGB-Wert von MediumVioletRed (#C71585) ist rgb(199, 21, 133). Dieser setzt sich aus den Rot-, Grün- und Blau-Kanalwerten auf einer Skala von 0 bis 255 zusammen.

Q: Ist MediumVioletRed auf weißem Hintergrund barrierefrei?

Das Kontrastverhältnis von MediumVioletRed (#C71585) auf weißem (#FFFFFF) Hintergrund beträgt 5.42:1 — AA bestanden (Normalstext). Auf schwarzem (#000000) Hintergrund beträgt das Kontrastverhältnis 3.87: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 MediumVioletRed?

MediumVioletRed (#C71585) harmoniert gut mit seiner Komplementärfarbe und Analogtönen. Die Komplementärfarbe ist #15C656, der Analogton bei +30° ist #C6152D und ein Triadenton ist #85C615. Diese Beziehungen basieren auf der Farbtheorie mit HSL (hsl(322, 81%, 43%)) als Ausgangspunkt.

#C71585 · rgb(199, 21, 133) · hsl(322, 81%, 43%)

Farbcodes

Format	Wert
HEX	#C71585
RGB	rgb(199, 21, 133)
HSL	hsl(322, 81%, 43%)

Dunklere Töne von MediumVioletRed

#B41379

#A2116D

#8F0F60

#7D0D54

#6A0B47

#58093B

#45072F

#330522

Hellere Töne von MediumVioletRed

#E21898

#E92FA5

#EC4BB1

#EF67BD

#F282C9

#F59ED5

#F8BAE1

#FBD5ED

Farbkombinationen & Harmonie

Komplementärfarbe

#15C656

Analog +30°

#C6152D

Analog −30°

#AF15C6

Triade +120°

#85C615

Triade −120°

#1585C6

Kontrast & Barrierefreiheit (WCAG 2.1)

vs. Weiß (#FFFFFF)

5.42:1 — AA bestanden (Normalstext)

vs. Schwarz (#000000)

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

CSS-Code

.element {
  color: #C71585;
}

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

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

Über MediumVioletRed

MediumVioletRed ist eine mittlere Farbe mit lebhafter, sehr hoher Sättigung, definiert durch den Hex-Code #C71585. Die genauen Farbmodellwerte sind rgb(199, 21, 133) in RGB und hsl(322, 81%, 43%) in HSL (Farbton 322°, Sättigung 81%, Helligkeit 43%). Auf weißem Hintergrund beträgt das Kontrastverhältnis 5.42:1 — AA bestanden (Normalstext), auf schwarzem 3.87:1 — AA bestanden (nur großer Text). Verwende MediumVioletRed 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 MediumVioletRed?

Der RGB-Wert von MediumVioletRed (#C71585) ist rgb(199, 21, 133). Rot = rgb(199, 21, 133) steht für die Anteile von Rot, Grün und Blau auf einer Skala von 0 bis 255.

Ist MediumVioletRed auf weißem Hintergrund barrierefrei?

Das Kontrastverhältnis von MediumVioletRed auf Weiß (#FFFFFF) beträgt 5.42:1 — AA bestanden (Normalstext). Auf Schwarz (#000000) beträgt das Kontrastverhältnis 3.87: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 MediumVioletRed?

Basierend auf der Farbtheorie harmoniert MediumVioletRed (hsl(322, 81%, 43%)) gut mit seiner Komplementärfarbe sowie Analog- und Triadentönen. Die genauen Hex-Werte jeder Kombinationsart findest du in den Harmoniefeldern oben.

MediumVioletRed — Farbcodes &amp; Palette