Startseite Farbpaletten Palette „Power Peony“ mit 4 Farben

Palette „Power Peony“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Power Peony“ mit 4 Farben

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

Bearbeiten

Pastell 4 Farben Warm Hell Monochrom

Likes 9.999

Farben 4

CSS-Variablen

:root {
  --c-pastel-1: #DDDDDD;
  --c-pastel-2: #F9F3F3;
  --c-pastel-3: #F7D9D9;
  --c-pastel-4: #F25287;
}

Über diese Palette

Diese pastellfarbene Palette mit 4 Farben reicht vom hellsten Ton Ivory Tower (#F9F3F3) bis zum dunkelsten Ton Power Peony (#F25287). Sie vereint Steam, Ivory Tower, Frosted Tulip und Power Peony 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

Steam #DDDDDD

RGB: rgb(221, 221, 221)
HSL: hsl(0, 0%, 87%)
Luminanz: 0,723

Ivory Tower #F9F3F3

RGB: rgb(249, 243, 243)
HSL: hsl(0, 33%, 96%)
Luminanz: 0,907

Frosted Tulip #F7D9D9

RGB: rgb(247, 217, 217)
HSL: hsl(0, 65%, 91%)
Luminanz: 0,744

Power Peony #F25287

RGB: rgb(242, 82, 135)
HSL: hsl(340, 86%, 64%)
Luminanz: 0,267

Kontrast & Barrierefreiheit

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

Aa #F9F3F3 auf #F25287 3,02:1 AA (großer Text)

Aa #F7D9D9 auf #F25287 2,51:1 Nicht bestanden

Aa #DDDDDD auf #F25287 2,44:1 Nicht bestanden

Aa #DDDDDD auf #F9F3F3 1,24:1 Nicht bestanden

Aa #F9F3F3 auf #F7D9D9 1,21:1 Nicht bestanden

Aa #DDDDDD auf #F7D9D9 1,03:1 Nicht bestanden

Palette „Power Peony“ mit 4 Farben