Startseite Farbpaletten Palette „Soft Pink“ mit 4 Farben

Palette „Soft Pink“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Soft Pink“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 4.304

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #561F55;
  --c-vibrant-2: #8B2F97;
  --c-vibrant-3: #CF56A1;
  --c-vibrant-4: #FCB2BF;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Soft Pink (#FCB2BF) bis zum dunkelsten Ton Purple Velour (#561F55). Sie vereint Purple Velour, Leviathan Purple, Crushed Berries und Soft Pink 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 #561F55 auf #FCB2BF mit 7,12:1.

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

Farben im Detail

Purple Velour #561F55

RGB: rgb(86, 31, 85)
HSL: hsl(301, 47%, 23%)
Luminanz: 0,036

Leviathan Purple #8B2F97

RGB: rgb(139, 47, 151)
HSL: hsl(293, 53%, 39%)
Luminanz: 0,098

Crushed Berries #CF56A1

RGB: rgb(207, 86, 161)
HSL: hsl(323, 56%, 57%)
Luminanz: 0,225

Soft Pink #FCB2BF

RGB: rgb(252, 178, 191)
HSL: hsl(349, 93%, 84%)
Luminanz: 0,563

Kontrast & Barrierefreiheit

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

Aa #561F55 auf #FCB2BF 7,12:1 AAA

Aa #8B2F97 auf #FCB2BF 4,15:1 AA (großer Text)

Aa #561F55 auf #CF56A1 3,19:1 AA (großer Text)

Aa #CF56A1 auf #FCB2BF 2,23:1 Nicht bestanden

Aa #8B2F97 auf #CF56A1 1,86:1 Nicht bestanden

Aa #561F55 auf #8B2F97 1,71:1 Nicht bestanden

Palette „Soft Pink“ mit 4 Farben