Startseite Farbpaletten Palette „Scab Red“ mit 4 Farben

Palette „Scab Red“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Scab Red“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 3.629

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #3B060A;
  --c-vibrant-2: #8A0000;
  --c-vibrant-3: #C83F12;
  --c-vibrant-4: #FFF287;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Spätzle Yellow (#FFF287) bis zum dunkelsten Ton Dark Maroon (#3B060A). Sie vereint Dark Maroon, Scab Red, Sauce Piquante und Spätzle Yellow 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 #3B060A auf #FFF287 mit 15,05:1.

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

Farben im Detail

Dark Maroon #3B060A

RGB: rgb(59, 6, 10)
HSL: hsl(355, 82%, 13%)
Luminanz: 0,011

Scab Red #8A0000

RGB: rgb(138, 0, 0)
HSL: hsl(0, 100%, 27%)
Luminanz: 0,054

Sauce Piquante #C83F12

RGB: rgb(200, 63, 18)
HSL: hsl(15, 83%, 43%)
Luminanz: 0,159

Spätzle Yellow #FFF287

RGB: rgb(255, 242, 135)
HSL: hsl(54, 100%, 76%)
Luminanz: 0,865

Kontrast & Barrierefreiheit

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

Aa #3B060A auf #FFF287 15,05:1 AAA

Aa #8A0000 auf #FFF287 8,80:1 AAA

Aa #C83F12 auf #FFF287 4,38:1 AA (großer Text)

Aa #3B060A auf #C83F12 3,43:1 AA (großer Text)

Aa #8A0000 auf #C83F12 2,01:1 Nicht bestanden

Aa #3B060A auf #8A0000 1,71:1 Nicht bestanden

Palette „Scab Red“ mit 4 Farben