Startseite Farbpaletten Palette „Lavender Savour“ mit 4 Farben

Palette „Lavender Savour“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Lavender Savour“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Neutral Hell Monochrom

Likes 8.209

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F0E3FF;
  --c-vibrant-2: #D89CF6;
  --c-vibrant-3: #916DD5;
  --c-vibrant-4: #3E206D;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Lavender Savour (#F0E3FF) bis zum dunkelsten Ton Fading Horizon (#3E206D). Sie vereint Lavender Savour, Plasma Trail, Iridescent Purple und Fading Horizon 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 #F0E3FF auf #3E206D mit 10,5:1.

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

Farben im Detail

Lavender Savour #F0E3FF

RGB: rgb(240, 227, 255)
HSL: hsl(268, 100%, 95%)
Luminanz: 0,807

Plasma Trail #D89CF6

RGB: rgb(216, 156, 246)
HSL: hsl(280, 83%, 79%)
Luminanz: 0,450

Iridescent Purple #916DD5

RGB: rgb(145, 109, 213)
HSL: hsl(261, 55%, 63%)
Luminanz: 0,218

Fading Horizon #3E206D

RGB: rgb(62, 32, 109)
HSL: hsl(263, 55%, 28%)
Luminanz: 0,032

Kontrast & Barrierefreiheit

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

Aa #F0E3FF auf #3E206D 10,50:1 AAA

Aa #D89CF6 auf #3E206D 6,13:1 AA

Aa #916DD5 auf #3E206D 3,28:1 AA (großer Text)

Aa #F0E3FF auf #916DD5 3,20:1 AA (großer Text)

Aa #D89CF6 auf #916DD5 1,87:1 Nicht bestanden

Aa #F0E3FF auf #D89CF6 1,71:1 Nicht bestanden

Palette „Lavender Savour“ mit 4 Farben