Startseite Farbpaletten Palette „Flickering Firefly“ mit 4 Farben

Palette „Flickering Firefly“ mit 4 Farben

Palette mit 4 Farben · Neutral · Hell · Harmonie: Split-komplementär

Zurück zur Bibliothek

Palette „Flickering Firefly“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Hell · Harmonie: Split-komplementär

Bearbeiten

Pastell 4 Farben Neutral Hell Split-komplementär

Likes 7.602

Farben 4

CSS-Variablen

:root {
  --c-pastel-1: #E7E6E1;
  --c-pastel-2: #F7F6E7;
  --c-pastel-3: #C1C0B9;
  --c-pastel-4: #537791;
}

Über diese Palette

Diese pastellfarbene Palette mit 4 Farben reicht vom hellsten Ton Flickering Firefly (#F7F6E7) bis zum dunkelsten Ton Melancholic Sea (#537791). Sie vereint Willow Springs, Flickering Firefly, Silverplate und Melancholic Sea 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

Willow Springs #E7E6E1

RGB: rgb(231, 230, 225)
HSL: hsl(50, 11%, 89%)
Luminanz: 0,790

Flickering Firefly #F7F6E7

RGB: rgb(247, 246, 231)
HSL: hsl(56, 50%, 94%)
Luminanz: 0,915

Silverplate #C1C0B9

RGB: rgb(193, 192, 185)
HSL: hsl(53, 6%, 74%)
Luminanz: 0,525

Melancholic Sea #537791

RGB: rgb(83, 119, 145)
HSL: hsl(205, 27%, 45%)
Luminanz: 0,171

Kontrast & Barrierefreiheit

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

Aa #F7F6E7 auf #537791 4,37:1 AA (großer Text)

Aa #E7E6E1 auf #537791 3,81:1 AA (großer Text)

Aa #C1C0B9 auf #537791 2,61:1 Nicht bestanden

Aa #F7F6E7 auf #C1C0B9 1,68:1 Nicht bestanden

Aa #E7E6E1 auf #C1C0B9 1,46:1 Nicht bestanden

Aa #E7E6E1 auf #F7F6E7 1,15:1 Nicht bestanden

Palette „Flickering Firefly“ mit 4 Farben