Startseite Farbpaletten Palette „Middle Blue“ mit 4 Farben

Palette „Middle Blue“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Middle Blue“ mit 4 Farben

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

Bearbeiten

Pastell 4 Farben Neutral Hell Komplementär

Likes 8.431

Farben 4

CSS-Variablen

:root {
  --c-pastel-1: #7BD3EA;
  --c-pastel-2: #A1EEBD;
  --c-pastel-3: #F6F7C4;
  --c-pastel-4: #F6D6D6;
}

Über diese Palette

Diese pastellfarbene Palette mit 4 Farben reicht vom hellsten Ton Fizzy & Dizzy (#F6F7C4) bis zum dunkelsten Ton Middle Blue (#7BD3EA). Sie vereint Middle Blue, Ultra Mint, Fizzy & Dizzy und Lovelight 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

Middle Blue #7BD3EA

RGB: rgb(123, 211, 234)
HSL: hsl(192, 73%, 70%)
Luminanz: 0,567

Ultra Mint #A1EEBD

RGB: rgb(161, 238, 189)
HSL: hsl(142, 69%, 78%)
Luminanz: 0,724

Fizzy & Dizzy #F6F7C4

RGB: rgb(246, 247, 196)
HSL: hsl(61, 76%, 87%)
Luminanz: 0,901

Lovelight #F6D6D6

RGB: rgb(246, 214, 214)
HSL: hsl(0, 64%, 90%)
Luminanz: 0,725

Kontrast & Barrierefreiheit

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

Aa #7BD3EA auf #F6F7C4 1,54:1 Nicht bestanden

Aa #7BD3EA auf #F6D6D6 1,26:1 Nicht bestanden

Aa #7BD3EA auf #A1EEBD 1,25:1 Nicht bestanden

Aa #A1EEBD auf #F6F7C4 1,23:1 Nicht bestanden

Aa #F6F7C4 auf #F6D6D6 1,23:1 Nicht bestanden

Aa #A1EEBD auf #F6D6D6 1,00:1 Nicht bestanden

Palette „Middle Blue“ mit 4 Farben