Startseite Farbpaletten Palette „Golden Syrup“ mit 4 Farben

Palette „Golden Syrup“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Golden Syrup“ 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 2.719

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #654E92;
  --c-muted-2: #6C9BCF;
  --c-muted-3: #A5C0DD;
  --c-muted-4: #EBD8B2;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Golden Syrup (#EBD8B2) bis zum dunkelsten Ton Purple Corallite (#654E92). Sie vereint Purple Corallite, Sea Loch, September Aster und Golden Syrup in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #654E92 auf #EBD8B2 mit 4,9:1.

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

Farben im Detail

Purple Corallite #654E92

RGB: rgb(101, 78, 146)
HSL: hsl(260, 30%, 44%)
Luminanz: 0,103

Sea Loch #6C9BCF

RGB: rgb(108, 155, 207)
HSL: hsl(212, 51%, 62%)
Luminanz: 0,311

September Aster #A5C0DD

RGB: rgb(165, 192, 221)
HSL: hsl(211, 45%, 76%)
Luminanz: 0,509

Golden Syrup #EBD8B2

RGB: rgb(235, 216, 178)
HSL: hsl(40, 59%, 81%)
Luminanz: 0,700

Kontrast & Barrierefreiheit

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

Aa #654E92 auf #EBD8B2 4,90:1 AA

Aa #654E92 auf #A5C0DD 3,66:1 AA (großer Text)

Aa #654E92 auf #6C9BCF 2,36:1 Nicht bestanden

Aa #6C9BCF auf #EBD8B2 2,08:1 Nicht bestanden

Aa #6C9BCF auf #A5C0DD 1,55:1 Nicht bestanden

Aa #A5C0DD auf #EBD8B2 1,34:1 Nicht bestanden

Palette „Golden Syrup“ mit 4 Farben