Startseite Farbpaletten Palette „Exclusively Yours“ mit 4 Farben

Palette „Exclusively Yours“ mit 4 Farben

Palette mit 4 Farben · Neutral · Hell · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Exclusively Yours“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Hell · Harmonie: Triadisch

Bearbeiten

Pastell 4 Farben Neutral Hell Triadisch

Likes 3.878

Farben 4

CSS-Variablen

:root {
  --c-pastel-1: #696FC7;
  --c-pastel-2: #A7AAE1;
  --c-pastel-3: #F5D3C4;
  --c-pastel-4: #F2AEBB;
}

Über diese Palette

Diese pastellfarbene Palette mit 4 Farben reicht vom hellsten Ton Demure Pink (#F5D3C4) bis zum dunkelsten Ton C64 Purple (#696FC7). Sie vereint C64 Purple, Maximum Blue Purple, Demure Pink und Exclusively Yours 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ß.

Sanfte, wenig gesättigte Töne – ideal für Hochzeitswebsites, Babymarken, zarte Hero-Bereiche und redaktionelle Layouts mit viel Weißraum.

Farben im Detail

C64 Purple #696FC7

RGB: rgb(105, 111, 199)
HSL: hsl(236, 46%, 60%)
Luminanz: 0,185

Maximum Blue Purple #A7AAE1

RGB: rgb(167, 170, 225)
HSL: hsl(237, 49%, 77%)
Luminanz: 0,424

Demure Pink #F5D3C4

RGB: rgb(245, 211, 196)
HSL: hsl(18, 71%, 86%)
Luminanz: 0,700

Exclusively Yours #F2AEBB

RGB: rgb(242, 174, 187)
HSL: hsl(349, 72%, 82%)
Luminanz: 0,527

Kontrast & Barrierefreiheit

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

Aa #696FC7 auf #F5D3C4 3,19:1 AA (großer Text)

Aa #696FC7 auf #F2AEBB 2,46:1 Nicht bestanden

Aa #696FC7 auf #A7AAE1 2,02:1 Nicht bestanden

Aa #A7AAE1 auf #F5D3C4 1,58:1 Nicht bestanden

Aa #F5D3C4 auf #F2AEBB 1,30:1 Nicht bestanden

Aa #A7AAE1 auf #F2AEBB 1,22:1 Nicht bestanden

Palette „Exclusively Yours“ mit 4 Farben