Startseite Farbpaletten Palette „Decisive Yellow“ mit 4 Farben

Palette „Decisive Yellow“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Decisive Yellow“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Hell Komplementär

Likes 2.650

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #5D50C6;
  --c-vibrant-2: #F85E9F;
  --c-vibrant-3: #F18FAC;
  --c-vibrant-4: #FACD49;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Decisive Yellow (#FACD49) bis zum dunkelsten Ton Iris (#5D50C6). Sie vereint Iris, Neon Sunset, Astilbe und Decisive Yellow 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

Iris #5D50C6

RGB: rgb(93, 80, 198)
HSL: hsl(247, 51%, 55%)
Luminanz: 0,121

Neon Sunset #F85E9F

RGB: rgb(248, 94, 159)
HSL: hsl(335, 92%, 67%)
Luminanz: 0,305

Astilbe #F18FAC

RGB: rgb(241, 143, 172)
HSL: hsl(342, 78%, 75%)
Luminanz: 0,413

Decisive Yellow #FACD49

RGB: rgb(250, 205, 73)
HSL: hsl(45, 95%, 63%)
Luminanz: 0,645

Kontrast & Barrierefreiheit

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

Aa #5D50C6 auf #FACD49 4,05:1 AA (großer Text)

Aa #5D50C6 auf #F18FAC 2,70:1 Nicht bestanden

Aa #5D50C6 auf #F85E9F 2,07:1 Nicht bestanden

Aa #F85E9F auf #FACD49 1,96:1 Nicht bestanden

Aa #F18FAC auf #FACD49 1,50:1 Nicht bestanden

Aa #F85E9F auf #F18FAC 1,31:1 Nicht bestanden

Palette „Decisive Yellow“ mit 4 Farben