Startseite Farbpaletten Palette „Blue Genie“ mit 4 Farben

Palette „Blue Genie“ mit 4 Farben

Palette mit 4 Farben · Kühl · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Blue Genie“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Hell · Harmonie: Komplementär

Bearbeiten

Pastell 4 Farben Kühl Hell Komplementär

Likes 2.267

Farben 4

CSS-Variablen

:root {
  --c-pastel-1: #615EFC;
  --c-pastel-2: #7E8EF1;
  --c-pastel-3: #D1D8C5;
  --c-pastel-4: #EEEEEE;
}

Über diese Palette

Diese pastellfarbene Palette mit 4 Farben reicht vom hellsten Ton Super Silver (#EEEEEE) bis zum dunkelsten Ton Blue Genie (#615EFC). Sie vereint Blue Genie, Lavender Blue Shadow, Bayberry Frost und Super Silver 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

Blue Genie #615EFC

RGB: rgb(97, 94, 252)
HSL: hsl(241, 96%, 68%)
Luminanz: 0,176

Lavender Blue Shadow #7E8EF1

RGB: rgb(126, 142, 241)
HSL: hsl(232, 80%, 72%)
Luminanz: 0,301

Bayberry Frost #D1D8C5

RGB: rgb(209, 216, 197)
HSL: hsl(82, 20%, 81%)
Luminanz: 0,667

Super Silver #EEEEEE

RGB: rgb(238, 238, 238)
HSL: hsl(0, 0%, 93%)
Luminanz: 0,855

Kontrast & Barrierefreiheit

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

Aa #615EFC auf #EEEEEE 4,01:1 AA (großer Text)

Aa #615EFC auf #D1D8C5 3,18:1 AA (großer Text)

Aa #7E8EF1 auf #EEEEEE 2,58:1 Nicht bestanden

Aa #7E8EF1 auf #D1D8C5 2,04:1 Nicht bestanden

Aa #615EFC auf #7E8EF1 1,56:1 Nicht bestanden

Aa #D1D8C5 auf #EEEEEE 1,26:1 Nicht bestanden

Palette „Blue Genie“ mit 4 Farben