Startseite Farbpaletten Palette „Fugitive Flamingo“ mit 4 Farben

Palette „Fugitive Flamingo“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Fugitive Flamingo“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Hell Analog

Likes 3.405

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #533B4D;
  --c-vibrant-2: #F564A9;
  --c-vibrant-3: #FAA4BD;
  --c-vibrant-4: #FAE3C6;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Derby (#FAE3C6) bis zum dunkelsten Ton Dark Energy (#533B4D). Sie vereint Dark Energy, Fugitive Flamingo, Rogue Pink und Derby 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 #533B4D auf #FAE3C6 mit 8,03:1.

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

Farben im Detail

Dark Energy #533B4D

RGB: rgb(83, 59, 77)
HSL: hsl(315, 17%, 28%)
Luminanz: 0,055

Fugitive Flamingo #F564A9

RGB: rgb(245, 100, 169)
HSL: hsl(331, 88%, 68%)
Luminanz: 0,314

Rogue Pink #FAA4BD

RGB: rgb(250, 164, 189)
HSL: hsl(343, 90%, 81%)
Luminanz: 0,506

Derby #FAE3C6

RGB: rgb(250, 227, 198)
HSL: hsl(33, 84%, 88%)
Luminanz: 0,793

Kontrast & Barrierefreiheit

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

Aa #533B4D auf #FAE3C6 8,03:1 AAA

Aa #533B4D auf #FAA4BD 5,29:1 AA

Aa #533B4D auf #F564A9 3,46:1 AA (großer Text)

Aa #F564A9 auf #FAE3C6 2,32:1 Nicht bestanden

Aa #F564A9 auf #FAA4BD 1,53:1 Nicht bestanden

Aa #FAA4BD auf #FAE3C6 1,52:1 Nicht bestanden

Palette „Fugitive Flamingo“ mit 4 Farben