Startseite Farbpaletten Purple And More Purple

Purple And More Purple

Palette mit 4 Farben · Neutral · Hell · Harmonie: Monochrom

Zurück zur Bibliothek

Purple And More Purple

Palette mit 4 Farben · Temperatur: Neutral · Ton: Hell · Harmonie: Monochrom

Bearbeiten

Lebendig 4 Farben Neutral Hell Monochrom purple

Likes 20

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F8ECFD;
  --c-vibrant-2: #C264FE;
  --c-vibrant-3: #A82FFC;
  --c-vibrant-4: #7A08FA;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Placebo Fuchsia (#F8ECFD) bis zum dunkelsten Ton Poisoning Purple (#7A08FA). Sie vereint Placebo Fuchsia, Jacaranda Pink, Sweet Desire und Poisoning Purple in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F8ECFD auf #7A08FA mit 5,68:1.

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

Farben im Detail

Placebo Fuchsia #F8ECFD

RGB: rgb(248, 236, 253)
HSL: hsl(282, 81%, 96%)
Luminanz: 0,870

Jacaranda Pink #C264FE

RGB: rgb(194, 100, 254)
HSL: hsl(277, 99%, 69%)
Luminanz: 0,277

Sweet Desire #A82FFC

RGB: rgb(168, 47, 252)
HSL: hsl(275, 97%, 59%)
Luminanz: 0,174

Poisoning Purple #7A08FA

RGB: rgb(122, 8, 250)
HSL: hsl(268, 96%, 51%)
Luminanz: 0,112

Kontrast & Barrierefreiheit

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

Aa #F8ECFD auf #7A08FA 5,68:1 AA

Aa #F8ECFD auf #A82FFC 4,11:1 AA (großer Text)

Aa #F8ECFD auf #C264FE 2,81:1 Nicht bestanden

Aa #C264FE auf #7A08FA 2,02:1 Nicht bestanden

Aa #C264FE auf #A82FFC 1,46:1 Nicht bestanden

Aa #A82FFC auf #7A08FA 1,38:1 Nicht bestanden

Purple And More Purple