Startseite Farbpaletten Palette „Sweet Slumber Pink“ mit 4 Farben

Palette „Sweet Slumber Pink“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Sweet Slumber Pink“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 1.852

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #9A69E1;
  --c-vibrant-2: #47429D;
  --c-vibrant-3: #F7B7F3;
  --c-vibrant-4: #E27393;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Sweet Slumber Pink (#F7B7F3) bis zum dunkelsten Ton Galaxy Express (#47429D). Sie vereint Matt Purple, Galaxy Express, Sweet Slumber Pink und Loveland 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 #47429D auf #F7B7F3 mit 5,14:1.

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

Farben im Detail

Matt Purple #9A69E1

RGB: rgb(154, 105, 225)
HSL: hsl(265, 67%, 65%)
Luminanz: 0,224

Galaxy Express #47429D

RGB: rgb(71, 66, 157)
HSL: hsl(243, 41%, 44%)
Luminanz: 0,077

Sweet Slumber Pink #F7B7F3

RGB: rgb(247, 183, 243)
HSL: hsl(304, 80%, 84%)
Luminanz: 0,601

Loveland #E27393

RGB: rgb(226, 115, 147)
HSL: hsl(343, 66%, 67%)
Luminanz: 0,305

Kontrast & Barrierefreiheit

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

Aa #47429D auf #F7B7F3 5,14:1 AA

Aa #47429D auf #E27393 2,80:1 Nicht bestanden

Aa #9A69E1 auf #F7B7F3 2,38:1 Nicht bestanden

Aa #9A69E1 auf #47429D 2,16:1 Nicht bestanden

Aa #F7B7F3 auf #E27393 1,83:1 Nicht bestanden

Aa #9A69E1 auf #E27393 1,30:1 Nicht bestanden

Palette „Sweet Slumber Pink“ mit 4 Farben