Startseite Farbpaletten Palette „Zeus Purple“ mit 4 Farben

Palette „Zeus Purple“ mit 4 Farben

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Zeus Purple“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 1.641

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F1E290;
  --c-vibrant-2: #F677C1;
  --c-vibrant-3: #9B3284;
  --c-vibrant-4: #690074;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Late Day Sun (#F1E290) bis zum dunkelsten Ton Zeus Purple (#690074). Sie vereint Late Day Sun, Persian Pink, Purple Excellency und Zeus Purple in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F1E290 auf #690074 mit 8,65:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Late Day Sun #F1E290

RGB: rgb(241, 226, 144)
HSL: hsl(51, 78%, 75%)
Luminanz: 0,751

Persian Pink #F677C1

RGB: rgb(246, 119, 193)
HSL: hsl(325, 88%, 72%)
Luminanz: 0,366

Purple Excellency #9B3284

RGB: rgb(155, 50, 132)
HSL: hsl(313, 51%, 40%)
Luminanz: 0,109

Zeus Purple #690074

RGB: rgb(105, 0, 116)
HSL: hsl(294, 100%, 23%)
Luminanz: 0,043

Kontrast & Barrierefreiheit

2 von 6 Farbpaaren erreichen die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext.

Aa #F1E290 auf #690074 8,65:1 AAA

Aa #F1E290 auf #9B3284 5,03:1 AA

Aa #F677C1 auf #690074 4,49:1 AA (großer Text)

Aa #F677C1 auf #9B3284 2,62:1 Nicht bestanden

Aa #F1E290 auf #F677C1 1,92:1 Nicht bestanden

Aa #9B3284 auf #690074 1,72:1 Nicht bestanden

Palette „Zeus Purple“ mit 4 Farben