Rebecca Purple Farbcode (#663399)

Rebecca Purple ist #663399 im Hex-Format und rgb(102, 51, 153) — ein mittleres Purpur. Unten findest du jedes Farbformat, Töne und Schattierungen, Harmonien und wie gut die Farbe als Text lesbar ist.

Aktualisiert am

Rebecca Purple
#663399
CSS-Namerebeccapurple
Hex#663399
RGBrgb(102, 51, 153)
HSLhsl(270 50% 40%)
HWBhwb(270 20% 40%)
CMYK33%, 67%, 0%, 40%

Töne und Schattierungen

Farbharmonien

Über Rebecca Purple

Rebecca Purple (rebeccapurple) ist ein mittleres, mäßig gesättigtes Purpur mit dem Hex-Code #663399 oder rgb(102, 51, 153). Im HSL-Modell liegt es bei einem Farbton von 270°, 50 % Sättigung und 40 % Helligkeit. Es gehört zu den 148 benannten Farben, die jeder Browser versteht, du kannst also color: rebeccapurple; statt des Hex-Werts schreiben.

Rebecca Purple für Text und Hintergründe verwenden

KombinationKontrastverhältnisWCAG
Rebecca-Purple-Text auf Weiß8.41 : 1AAA
Rebecca-Purple-Text auf Schwarz2.50 : 1nicht bestanden

Auf einem Rebecca-Purple-Hintergrund verwendest du weißen Text (8.41 : 1). WCAG verlangt mindestens 4.5 : 1 für Fließtext und 3 : 1 für große Schrift. Prüfe weitere Kombinationen mit dem Kontrast-Checker.

CSS

.element {
  color: rebeccapurple;               /* or #663399 */
  background-color: #663399;
  border: 1px solid rgb(102 51 153 / 50%);
}

Ähnliche benannte Farben

Dunkles Schieferblau (#483d8b), Indigo (#4b0082), Purpur (#800080), Dunkles Magenta (#8b008b), Schieferblau (#6a5acd), Dunkle Orchidee (#9932cc).

Häufige Fragen

Welcher Hex-Code gehört zu Rebecca Purple?
#663399 — das entspricht rgb(102, 51, 153) und hsl(270, 50%, 40%). In CSS kannst du auch einfach rebeccapurple schreiben.
Ist Rebecca-Purple-Text auf Weiß gut lesbar?
Das Kontrastverhältnis auf Weiß beträgt 8.41 : 1 und erfüllt damit WCAG AA für normalen Text.
Welche Farben passen gut zu Rebecca Purple?
Die Komplementärfarbe ist #669933; die analogen Farben #333399 und #993399 liegen auf dem Farbkreis direkt daneben.