Startseite Farbpaletten Palette „Red Pegasus“ mit 4 Farben

Palette „Red Pegasus“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Red Pegasus“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 7.729

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #DC0000;
  --c-vibrant-2: #850000;
  --c-vibrant-3: #FFDB89;
  --c-vibrant-4: #FFF6C3;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Spring Buttercup (#FFF6C3) bis zum dunkelsten Ton Dark Red (#850000). Sie vereint Red Pegasus, Dark Red, Big Bus Yellow und Spring Buttercup in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #850000 auf #FFF6C3 mit 9,62:1.

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

Farben im Detail

Red Pegasus #DC0000

RGB: rgb(220, 0, 0)
HSL: hsl(0, 100%, 43%)
Luminanz: 0,152

Dark Red #850000

RGB: rgb(133, 0, 0)
HSL: hsl(0, 100%, 26%)
Luminanz: 0,050

Big Bus Yellow #FFDB89

RGB: rgb(255, 219, 137)
HSL: hsl(42, 100%, 77%)
Luminanz: 0,737

Spring Buttercup #FFF6C3

RGB: rgb(255, 246, 195)
HSL: hsl(51, 100%, 88%)
Luminanz: 0,911

Kontrast & Barrierefreiheit

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

Aa #850000 auf #FFF6C3 9,62:1 AAA

Aa #850000 auf #FFDB89 7,88:1 AAA

Aa #DC0000 auf #FFF6C3 4,75:1 AA

Aa #DC0000 auf #FFDB89 3,89:1 AA (großer Text)

Aa #DC0000 auf #850000 2,02:1 Nicht bestanden

Aa #FFDB89 auf #FFF6C3 1,22:1 Nicht bestanden

Palette „Red Pegasus“ mit 4 Farben