Startseite Farbpaletten Palette „Pink Theory“ mit 4 Farben

Palette „Pink Theory“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Pink Theory“ mit 4 Farben

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

Bearbeiten

Pastell 4 Farben Warm Hell Triadisch

Likes 13.557

Farben 4

CSS-Variablen

:root {
  --c-pastel-1: #756AB6;
  --c-pastel-2: #AC87C5;
  --c-pastel-3: #E0AED0;
  --c-pastel-4: #FFE5E5;
}

Über diese Palette

Diese pastellfarbene Palette mit 4 Farben reicht vom hellsten Ton Pink Theory (#FFE5E5) bis zum dunkelsten Ton Clear Mauve (#756AB6). Sie vereint Clear Mauve, Creeping Bellflower, Dreamy Pink und Pink Theory 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

Clear Mauve #756AB6

RGB: rgb(117, 106, 182)
HSL: hsl(249, 34%, 56%)
Luminanz: 0,175

Creeping Bellflower #AC87C5

RGB: rgb(172, 135, 197)
HSL: hsl(276, 35%, 65%)
Luminanz: 0,301

Dreamy Pink #E0AED0

RGB: rgb(224, 174, 208)
HSL: hsl(319, 45%, 78%)
Luminanz: 0,507

Pink Theory #FFE5E5

RGB: rgb(255, 229, 229)
HSL: hsl(0, 100%, 95%)
Luminanz: 0,830

Kontrast & Barrierefreiheit

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

Aa #756AB6 auf #FFE5E5 3,91:1 AA (großer Text)

Aa #AC87C5 auf #FFE5E5 2,50:1 Nicht bestanden

Aa #756AB6 auf #E0AED0 2,48:1 Nicht bestanden

Aa #AC87C5 auf #E0AED0 1,58:1 Nicht bestanden

Aa #E0AED0 auf #FFE5E5 1,58:1 Nicht bestanden

Aa #756AB6 auf #AC87C5 1,56:1 Nicht bestanden

Palette „Pink Theory“ mit 4 Farben