Startseite Farbpaletten Palette „Pastrami“ mit 4 Farben

Palette „Pastrami“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Pastrami“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 2.301

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #683531;
  --c-vibrant-2: #BF382A;
  --c-vibrant-3: #EF7079;
  --c-vibrant-4: #F7E8C3;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Barely Butter (#F7E8C3) bis zum dunkelsten Ton Dried Plum (#683531). Sie vereint Dried Plum, Cadillac Coupe, Pastrami und Barely Butter 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 #683531 auf #F7E8C3 mit 8,07:1.

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

Farben im Detail

Dried Plum #683531

RGB: rgb(104, 53, 49)
HSL: hsl(4, 36%, 30%)
Luminanz: 0,057

Cadillac Coupe #BF382A

RGB: rgb(191, 56, 42)
HSL: hsl(6, 64%, 46%)
Luminanz: 0,141

Pastrami #EF7079

RGB: rgb(239, 112, 121)
HSL: hsl(356, 80%, 69%)
Luminanz: 0,313

Barely Butter #F7E8C3

RGB: rgb(247, 232, 195)
HSL: hsl(43, 76%, 87%)
Luminanz: 0,814

Kontrast & Barrierefreiheit

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

Aa #683531 auf #F7E8C3 8,07:1 AAA

Aa #BF382A auf #F7E8C3 4,53:1 AA

Aa #683531 auf #EF7079 3,39:1 AA (großer Text)

Aa #EF7079 auf #F7E8C3 2,38:1 Nicht bestanden

Aa #BF382A auf #EF7079 1,90:1 Nicht bestanden

Aa #683531 auf #BF382A 1,78:1 Nicht bestanden

Palette „Pastrami“ mit 4 Farben