Startseite Farbpaletten Palette „Buttered Popcorn“ mit 4 Farben

Palette „Buttered Popcorn“ mit 4 Farben

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Buttered Popcorn“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär

Likes 2.095

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #4531B1;
  --c-vibrant-2: #A836AD;
  --c-vibrant-3: #F16896;
  --c-vibrant-4: #FFF0A4;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Buttered Popcorn (#FFF0A4) bis zum dunkelsten Ton Blue Violet (#4531B1). Sie vereint Blue Violet, Vivid Fuchsia, Shark Bait und Buttered Popcorn 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 #4531B1 auf #FFF0A4 mit 7,84:1.

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

Farben im Detail

Blue Violet #4531B1

RGB: rgb(69, 49, 177)
HSL: hsl(249, 57%, 44%)
Luminanz: 0,066

Vivid Fuchsia #A836AD

RGB: rgb(168, 54, 173)
HSL: hsl(297, 52%, 45%)
Luminanz: 0,140

Shark Bait #F16896

RGB: rgb(241, 104, 150)
HSL: hsl(340, 83%, 68%)
Luminanz: 0,308

Buttered Popcorn #FFF0A4

RGB: rgb(255, 240, 164)
HSL: hsl(50, 100%, 82%)
Luminanz: 0,863

Kontrast & Barrierefreiheit

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

Aa #4531B1 auf #FFF0A4 7,84:1 AAA

Aa #A836AD auf #FFF0A4 4,81:1 AA

Aa #4531B1 auf #F16896 3,08:1 AA (großer Text)

Aa #F16896 auf #FFF0A4 2,55:1 Nicht bestanden

Aa #A836AD auf #F16896 1,89:1 Nicht bestanden

Aa #4531B1 auf #A836AD 1,63:1 Nicht bestanden

Palette „Buttered Popcorn“ mit 4 Farben