Startseite Farbpaletten Palette „Pink Dream“ mit 4 Farben

Palette „Pink Dream“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Pink Dream“ 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 8.058

Farben 4

CSS-Variablen

:root {
  --c-pastel-1: #FFA5A5;
  --c-pastel-2: #FFFFC2;
  --c-pastel-3: #C8E7ED;
  --c-pastel-4: #BFCFFF;
}

Über diese Palette

Diese pastellfarbene Palette mit 4 Farben reicht vom hellsten Ton Cream (#FFFFC2) bis zum dunkelsten Ton Pink Dream (#FFA5A5). Sie vereint Pink Dream, Cream, Sapphireberry und Light Periwinkle 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 Dream #FFA5A5

RGB: rgb(255, 165, 165)
HSL: hsl(0, 100%, 82%)
Luminanz: 0,509

Cream #FFFFC2

RGB: rgb(255, 255, 194)
HSL: hsl(60, 100%, 88%)
Luminanz: 0,967

Sapphireberry #C8E7ED

RGB: rgb(200, 231, 237)
HSL: hsl(190, 51%, 86%)
Luminanz: 0,756

Light Periwinkle #BFCFFF

RGB: rgb(191, 207, 255)
HSL: hsl(225, 100%, 87%)
Luminanz: 0,629

Kontrast & Barrierefreiheit

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

Aa #FFA5A5 auf #FFFFC2 1,82:1 Nicht bestanden

Aa #FFFFC2 auf #BFCFFF 1,50:1 Nicht bestanden

Aa #FFA5A5 auf #C8E7ED 1,44:1 Nicht bestanden

Aa #FFFFC2 auf #C8E7ED 1,26:1 Nicht bestanden

Aa #FFA5A5 auf #BFCFFF 1,22:1 Nicht bestanden

Aa #C8E7ED auf #BFCFFF 1,19:1 Nicht bestanden

Palette „Pink Dream“ mit 4 Farben