Startseite Farbpaletten Palette „Pink Pepper“ mit 4 Farben

Palette „Pink Pepper“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Pink Pepper“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Hell Komplementär

Likes 4.957

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #EF5A6F;
  --c-vibrant-2: #FFF1DB;
  --c-vibrant-3: #D4BDAC;
  --c-vibrant-4: #536493;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Flickering Light (#FFF1DB) bis zum dunkelsten Ton Breathtaking (#536493). Sie vereint Pink Pepper, Flickering Light, Desert Fortress und Breathtaking in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFF1DB auf #536493 mit 5,22:1.

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

Farben im Detail

Pink Pepper #EF5A6F

RGB: rgb(239, 90, 111)
HSL: hsl(352, 82%, 65%)
Luminanz: 0,268

Flickering Light #FFF1DB

RGB: rgb(255, 241, 219)
HSL: hsl(37, 100%, 93%)
Luminanz: 0,893

Desert Fortress #D4BDAC

RGB: rgb(212, 189, 172)
HSL: hsl(26, 32%, 75%)
Luminanz: 0,534

Breathtaking #536493

RGB: rgb(83, 100, 147)
HSL: hsl(224, 28%, 45%)
Luminanz: 0,131

Kontrast & Barrierefreiheit

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

Aa #FFF1DB auf #536493 5,22:1 AA

Aa #D4BDAC auf #536493 3,23:1 AA (großer Text)

Aa #EF5A6F auf #FFF1DB 2,96:1 Nicht bestanden

Aa #EF5A6F auf #D4BDAC 1,83:1 Nicht bestanden

Aa #EF5A6F auf #536493 1,76:1 Nicht bestanden

Aa #FFF1DB auf #D4BDAC 1,62:1 Nicht bestanden

Palette „Pink Pepper“ mit 4 Farben