DevArbor
#E91E63

#E91E63 — Farbcodes & Palette

#E91E63  ·  rgb(233, 30, 99)  ·  hsl(340, 82%, 52%)

Farbcodes

Format Wert
HEX #E91E63
RGB rgb(233, 30, 99)
HSL hsl(340, 82%, 52%)

Dunklere Töne von #E91E63

#DA1657#C3134E#AC1145#950F3B#7D0C32#660A29#4F0820#380616

Hellere Töne von #E91E63

#EB3773#EE4F84#F06694#F27DA4#F494B4#F7ABC5#F9C3D5#FBDAE5

Farbkombinationen & Harmonie

Komplementärfarbe
#20E9A6
Analog +30°
#E94220
Analog −30°
#E920C8
Triade +120°
#63E920
Triade −120°
#2063E9

Kontrast & Barrierefreiheit (WCAG 2.1)

vs. Weiß (#FFFFFF)
4.35:1 — AA bestanden (nur großer Text)
vs. Schwarz (#000000)
4.83:1 — AA bestanden (Normalstext)

CSS-Code

.element {
  color: #E91E63;
}

.element-bg {
  background-color: #E91E63;
  color: #000000;
}

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

Über #E91E63

#E91E63 ist eine mittlere Farbe mit lebhafter, sehr hoher Sättigung, definiert durch den Hex-Code #E91E63. Die genauen Farbmodellwerte sind rgb(233, 30, 99) in RGB und hsl(340, 82%, 52%) in HSL (Farbton 340°, Sättigung 82%, Helligkeit 52%). Auf weißem Hintergrund beträgt das Kontrastverhältnis 4.35:1 — AA bestanden (nur großer Text), auf schwarzem 4.83:1 — AA bestanden (Normalstext). Verwende #E91E63 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 #E91E63?
Der RGB-Wert von #E91E63 (#E91E63) ist rgb(233, 30, 99). Rot = rgb(233, 30, 99) steht für die Anteile von Rot, Grün und Blau auf einer Skala von 0 bis 255.
Ist #E91E63 auf weißem Hintergrund barrierefrei?
Das Kontrastverhältnis von #E91E63 auf Weiß (#FFFFFF) beträgt 4.35:1 — AA bestanden (nur großer Text). Auf Schwarz (#000000) beträgt das Kontrastverhältnis 4.83:1 — AA bestanden (Normalstext). WCAG 2.1 fordert 4,5:1 für AA (Normalstext) und 7:1 für AAA.
Welche Farben passen gut zu #E91E63?
Basierend auf der Farbtheorie harmoniert #E91E63 (hsl(340, 82%, 52%)) gut mit seiner Komplementärfarbe sowie Analog- und Triadentönen. Die genauen Hex-Werte jeder Kombinationsart findest du in den Harmoniefeldern oben.