Startseite Farbpaletten Palette „Transparent Beige“ mit 4 Farben

Palette „Transparent Beige“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Transparent Beige“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Hell Komplementär

Likes 7.662

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #726A95;
  --c-muted-2: #709FB0;
  --c-muted-3: #A0C1B8;
  --c-muted-4: #F4EBC1;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Transparent Beige (#F4EBC1) bis zum dunkelsten Ton Purple Grapes (#726A95). Sie vereint Purple Grapes, Bluebird Feather, Cascade Green und Transparent Beige 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ß.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Purple Grapes #726A95

RGB: rgb(114, 106, 149)
HSL: hsl(251, 17%, 50%)
Luminanz: 0,161

Bluebird Feather #709FB0

RGB: rgb(112, 159, 176)
HSL: hsl(196, 29%, 56%)
Luminanz: 0,314

Cascade Green #A0C1B8

RGB: rgb(160, 193, 184)
HSL: hsl(164, 21%, 69%)
Luminanz: 0,491

Transparent Beige #F4EBC1

RGB: rgb(244, 235, 193)
HSL: hsl(49, 70%, 86%)
Luminanz: 0,825

Kontrast & Barrierefreiheit

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

Aa #726A95 auf #F4EBC1 4,16:1 AA (großer Text)

Aa #726A95 auf #A0C1B8 2,57:1 Nicht bestanden

Aa #709FB0 auf #F4EBC1 2,41:1 Nicht bestanden

Aa #726A95 auf #709FB0 1,73:1 Nicht bestanden

Aa #A0C1B8 auf #F4EBC1 1,62:1 Nicht bestanden

Aa #709FB0 auf #A0C1B8 1,49:1 Nicht bestanden

Palette „Transparent Beige“ mit 4 Farben