Startseite Farbpaletten Palette „Pink and Sleek“ mit 4 Farben

Palette „Pink and Sleek“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Pink and Sleek“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Hell Analog

Likes 5.544

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FCF5EE;
  --c-vibrant-2: #FFC4C4;
  --c-vibrant-3: #EE6983;
  --c-vibrant-4: #850E35;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Foggy Pith (#FCF5EE) bis zum dunkelsten Ton Inescapable Lover (#850E35). Sie vereint Foggy Pith, Pink and Sleek, Jellyfish Sting und Inescapable Lover 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 #FCF5EE auf #850E35 mit 9,2:1.

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

Farben im Detail

Foggy Pith #FCF5EE

RGB: rgb(252, 245, 238)
HSL: hsl(30, 70%, 96%)
Luminanz: 0,922

Pink and Sleek #FFC4C4

RGB: rgb(255, 196, 196)
HSL: hsl(0, 100%, 88%)
Luminanz: 0,647

Jellyfish Sting #EE6983

RGB: rgb(238, 105, 131)
HSL: hsl(348, 80%, 67%)
Luminanz: 0,299

Inescapable Lover #850E35

RGB: rgb(133, 14, 53)
HSL: hsl(340, 81%, 29%)
Luminanz: 0,056

Kontrast & Barrierefreiheit

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

Aa #FCF5EE auf #850E35 9,20:1 AAA

Aa #FFC4C4 auf #850E35 6,60:1 AA

Aa #EE6983 auf #850E35 3,31:1 AA (großer Text)

Aa #FCF5EE auf #EE6983 2,78:1 Nicht bestanden

Aa #FFC4C4 auf #EE6983 2,00:1 Nicht bestanden

Aa #FCF5EE auf #FFC4C4 1,39:1 Nicht bestanden

Palette „Pink and Sleek“ mit 4 Farben