Startseite Farbpaletten Palette „Magento“ mit 4 Farben

Palette „Magento“ mit 4 Farben

Palette mit 4 Farben · Kühl · Hell · Harmonie: Monochrom

Zurück zur Bibliothek

Palette „Magento“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Hell · Harmonie: Monochrom

Bearbeiten

Lebendig 4 Farben Kühl Hell Monochrom

Likes 1.340

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F0E9FF;
  --c-vibrant-2: #CEA9FF;
  --c-vibrant-3: #B346FF;
  --c-vibrant-4: #545454;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Placebo Purple (#F0E9FF) bis zum dunkelsten Ton Brilliant Liquorice (#545454). Sie vereint Placebo Purple, Purple Hepatica, Magento und Brilliant Liquorice 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 #F0E9FF auf #545454 mit 6,42:1.

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

Farben im Detail

Placebo Purple #F0E9FF

RGB: rgb(240, 233, 255)
HSL: hsl(259, 100%, 96%)
Luminanz: 0,840

Purple Hepatica #CEA9FF

RGB: rgb(206, 169, 255)
HSL: hsl(266, 100%, 83%)
Luminanz: 0,487

Magento #B346FF

RGB: rgb(179, 70, 255)
HSL: hsl(275, 100%, 64%)
Luminanz: 0,212

Brilliant Liquorice #545454

RGB: rgb(84, 84, 84)
HSL: hsl(0, 0%, 33%)
Luminanz: 0,089

Kontrast & Barrierefreiheit

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

Aa #F0E9FF auf #545454 6,42:1 AA

Aa #CEA9FF auf #545454 3,87:1 AA (großer Text)

Aa #F0E9FF auf #B346FF 3,40:1 AA (großer Text)

Aa #CEA9FF auf #B346FF 2,05:1 Nicht bestanden

Aa #B346FF auf #545454 1,89:1 Nicht bestanden

Aa #F0E9FF auf #CEA9FF 1,66:1 Nicht bestanden

Palette „Magento“ mit 4 Farben