Startseite Farbpaletten Palette „Informative Pink“ mit 4 Farben

Palette „Informative Pink“ mit 4 Farben

Palette mit 4 Farben · Neutral · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Informative Pink“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Hell · Harmonie: Komplementär

Bearbeiten

Pastell 4 Farben Neutral Hell Komplementär

Likes 4.897

Farben 4

CSS-Variablen

:root {
  --c-pastel-1: #FFC7C7;
  --c-pastel-2: #FF80B0;
  --c-pastel-3: #9399FF;
  --c-pastel-4: #A9FFFD;
}

Über diese Palette

Diese pastellfarbene Palette mit 4 Farben reicht vom hellsten Ton Affen Turquoise (#A9FFFD) bis zum dunkelsten Ton Periwinkle Blue (#9399FF). Sie vereint Cinderella Pink, Informative Pink, Periwinkle Blue und Affen Turquoise 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

Cinderella Pink #FFC7C7

RGB: rgb(255, 199, 199)
HSL: hsl(0, 100%, 89%)
Luminanz: 0,662

Informative Pink #FF80B0

RGB: rgb(255, 128, 176)
HSL: hsl(337, 100%, 75%)
Luminanz: 0,398

Periwinkle Blue #9399FF

RGB: rgb(147, 153, 255)
HSL: hsl(237, 100%, 79%)
Luminanz: 0,362

Affen Turquoise #A9FFFD

RGB: rgb(169, 255, 253)
HSL: hsl(179, 100%, 83%)
Luminanz: 0,871

Kontrast & Barrierefreiheit

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

Aa #9399FF auf #A9FFFD 2,23:1 Nicht bestanden

Aa #FF80B0 auf #A9FFFD 2,05:1 Nicht bestanden

Aa #FFC7C7 auf #9399FF 1,73:1 Nicht bestanden

Aa #FFC7C7 auf #FF80B0 1,59:1 Nicht bestanden

Aa #FFC7C7 auf #A9FFFD 1,29:1 Nicht bestanden

Aa #FF80B0 auf #9399FF 1,09:1 Nicht bestanden

Palette „Informative Pink“ mit 4 Farben