Startseite Farbpaletten Palette „Fried Egg“ mit 4 Farben

Palette „Fried Egg“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Fried Egg“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär

Likes 5.915

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #D04848;
  --c-vibrant-2: #F3B95F;
  --c-vibrant-3: #FDE767;
  --c-vibrant-4: #6895D2;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Fried Egg (#FDE767) bis zum dunkelsten Ton Race Car Stripe (#D04848). Sie vereint Race Car Stripe, Crunch, Fried Egg und Bashful Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Race Car Stripe #D04848

RGB: rgb(208, 72, 72)
HSL: hsl(0, 59%, 55%)
Luminanz: 0,185

Crunch #F3B95F

RGB: rgb(243, 185, 95)
HSL: hsl(36, 86%, 66%)
Luminanz: 0,546

Fried Egg #FDE767

RGB: rgb(253, 231, 103)
HSL: hsl(51, 97%, 70%)
Luminanz: 0,790

Bashful Blue #6895D2

RGB: rgb(104, 149, 210)
HSL: hsl(215, 54%, 62%)
Luminanz: 0,291

Kontrast & Barrierefreiheit

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

Aa #D04848 auf #FDE767 3,57:1 AA (großer Text)

Aa #D04848 auf #F3B95F 2,53:1 Nicht bestanden

Aa #FDE767 auf #6895D2 2,46:1 Nicht bestanden

Aa #F3B95F auf #6895D2 1,75:1 Nicht bestanden

Aa #D04848 auf #6895D2 1,45:1 Nicht bestanden

Aa #F3B95F auf #FDE767 1,41:1 Nicht bestanden

Palette „Fried Egg“ mit 4 Farben