Startseite Farbpaletten Palette „Custard Powder“ mit 4 Farben

Palette „Custard Powder“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Custard Powder“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 1.747

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #573697;
  --c-vibrant-2: #933F99;
  --c-vibrant-3: #E88C5D;
  --c-vibrant-4: #FADBAC;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Custard Powder (#FADBAC) bis zum dunkelsten Ton Ruthless Empress (#573697). Sie vereint Ruthless Empress, Medium Purple, Heat of Summer und Custard Powder 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 #573697 auf #FADBAC mit 6,64:1.

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

Farben im Detail

Ruthless Empress #573697

RGB: rgb(87, 54, 151)
HSL: hsl(260, 47%, 40%)
Luminanz: 0,069

Medium Purple #933F99

RGB: rgb(147, 63, 153)
HSL: hsl(296, 42%, 42%)
Luminanz: 0,121

Heat of Summer #E88C5D

RGB: rgb(232, 140, 93)
HSL: hsl(20, 75%, 64%)
Luminanz: 0,367

Custard Powder #FADBAC

RGB: rgb(250, 219, 172)
HSL: hsl(36, 89%, 83%)
Luminanz: 0,740

Kontrast & Barrierefreiheit

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

Aa #573697 auf #FADBAC 6,64:1 AA

Aa #933F99 auf #FADBAC 4,63:1 AA

Aa #573697 auf #E88C5D 3,50:1 AA (großer Text)

Aa #933F99 auf #E88C5D 2,44:1 Nicht bestanden

Aa #E88C5D auf #FADBAC 1,89:1 Nicht bestanden

Aa #573697 auf #933F99 1,43:1 Nicht bestanden

Palette „Custard Powder“ mit 4 Farben