Startseite Farbpaletten Palette „Citrine White“ mit 4 Farben

Palette „Citrine White“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Citrine White“ 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 11.280

Farben 4

CSS-Variablen

:root {
  --c-pastel-1: #6E85B7;
  --c-pastel-2: #B2C8DF;
  --c-pastel-3: #C4D7E0;
  --c-pastel-4: #F8F9D7;
}

Über diese Palette

Diese pastellfarbene Palette mit 4 Farben reicht vom hellsten Ton Citrine White (#F8F9D7) bis zum dunkelsten Ton Kimono (#6E85B7). Sie vereint Kimono, Wind Blue, Skinny Dippin’ und Citrine White 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

Kimono #6E85B7

RGB: rgb(110, 133, 183)
HSL: hsl(221, 34%, 57%)
Luminanz: 0,235

Wind Blue #B2C8DF

RGB: rgb(178, 200, 223)
HSL: hsl(211, 41%, 79%)
Luminanz: 0,561

Skinny Dippin’ #C4D7E0

RGB: rgb(196, 215, 224)
HSL: hsl(199, 31%, 82%)
Luminanz: 0,657

Citrine White #F8F9D7

RGB: rgb(248, 249, 215)
HSL: hsl(62, 74%, 91%)
Luminanz: 0,926

Kontrast & Barrierefreiheit

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

Aa #6E85B7 auf #F8F9D7 3,42:1 AA (großer Text)

Aa #6E85B7 auf #C4D7E0 2,48:1 Nicht bestanden

Aa #6E85B7 auf #B2C8DF 2,14:1 Nicht bestanden

Aa #B2C8DF auf #F8F9D7 1,60:1 Nicht bestanden

Aa #C4D7E0 auf #F8F9D7 1,38:1 Nicht bestanden

Aa #B2C8DF auf #C4D7E0 1,16:1 Nicht bestanden

Palette „Citrine White“ mit 4 Farben