Startseite Farbpaletten Palette „Simply Coral“ mit 4 Farben

Palette „Simply Coral“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Simply Coral“ mit 4 Farben

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

Bearbeiten

Pastell 4 Farben Neutral Hell Komplementär

Likes 5.789

Farben 4

CSS-Variablen

:root {
  --c-pastel-1: #A7EFE9;
  --c-pastel-2: #7FDFD4;
  --c-pastel-3: #FBE1B6;
  --c-pastel-4: #FBAC91;
}

Über diese Palette

Diese pastellfarbene Palette mit 4 Farben reicht vom hellsten Ton Yellow Essence (#FBE1B6) bis zum dunkelsten Ton Simply Coral (#FBAC91). Sie vereint Pale King’s Blue, Sea Foam, Yellow Essence und Simply Coral 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

Pale King’s Blue #A7EFE9

RGB: rgb(167, 239, 233)
HSL: hsl(175, 69%, 80%)
Luminanz: 0,758

Sea Foam #7FDFD4

RGB: rgb(127, 223, 212)
HSL: hsl(173, 60%, 69%)
Luminanz: 0,620

Yellow Essence #FBE1B6

RGB: rgb(251, 225, 182)
HSL: hsl(37, 90%, 85%)
Luminanz: 0,777

Simply Coral #FBAC91

RGB: rgb(251, 172, 145)
HSL: hsl(15, 93%, 78%)
Luminanz: 0,521

Kontrast & Barrierefreiheit

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

Aa #FBE1B6 auf #FBAC91 1,45:1 Nicht bestanden

Aa #A7EFE9 auf #FBAC91 1,42:1 Nicht bestanden

Aa #7FDFD4 auf #FBE1B6 1,23:1 Nicht bestanden

Aa #A7EFE9 auf #7FDFD4 1,21:1 Nicht bestanden

Aa #7FDFD4 auf #FBAC91 1,17:1 Nicht bestanden

Aa #A7EFE9 auf #FBE1B6 1,02:1 Nicht bestanden

Palette „Simply Coral“ mit 4 Farben