Startseite Farbpaletten Palette „Pastel Yellow“ mit 4 Farben

Palette „Pastel Yellow“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Pastel Yellow“ mit 4 Farben

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

Bearbeiten

Pastell 4 Farben Warm Hell Komplementär

Likes 5.154

Farben 4

CSS-Variablen

:root {
  --c-pastel-1: #FFA1F5;
  --c-pastel-2: #BC7AF9;
  --c-pastel-3: #F8FF95;
  --c-pastel-4: #A6FF96;
}

Über diese Palette

Diese pastellfarbene Palette mit 4 Farben reicht vom hellsten Ton Pastel Yellow (#F8FF95) bis zum dunkelsten Ton Illicit Purple (#BC7AF9). Sie vereint Pink Elephants, Illicit Purple, Pastel Yellow und Pale Light Green 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

Pink Elephants #FFA1F5

RGB: rgb(255, 161, 245)
HSL: hsl(306, 100%, 82%)
Luminanz: 0,533

Illicit Purple #BC7AF9

RGB: rgb(188, 122, 249)
HSL: hsl(271, 91%, 73%)
Luminanz: 0,315

Pastel Yellow #F8FF95

RGB: rgb(248, 255, 149)
HSL: hsl(64, 100%, 79%)
Luminanz: 0,937

Pale Light Green #A6FF96

RGB: rgb(166, 255, 150)
HSL: hsl(111, 100%, 79%)
Luminanz: 0,818

Kontrast & Barrierefreiheit

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

Aa #BC7AF9 auf #F8FF95 2,71:1 Nicht bestanden

Aa #BC7AF9 auf #A6FF96 2,38:1 Nicht bestanden

Aa #FFA1F5 auf #F8FF95 1,69:1 Nicht bestanden

Aa #FFA1F5 auf #BC7AF9 1,60:1 Nicht bestanden

Aa #FFA1F5 auf #A6FF96 1,49:1 Nicht bestanden

Aa #F8FF95 auf #A6FF96 1,14:1 Nicht bestanden

Palette „Pastel Yellow“ mit 4 Farben