Startseite Farbpaletten Palette „Chiffon“ mit 4 Farben

Palette „Chiffon“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Chiffon“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Komplementär

Likes 562

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #281C59;
  --c-muted-2: #4E8D9C;
  --c-muted-3: #85C79A;
  --c-muted-4: #EDF7BD;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Chiffon (#EDF7BD) bis zum dunkelsten Ton Spacescape (#281C59). Sie vereint Spacescape, Blue Square, Willow Hedge und Chiffon in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #281C59 auf #EDF7BD mit 13,31:1.

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

Farben im Detail

Spacescape #281C59

RGB: rgb(40, 28, 89)
HSL: hsl(252, 52%, 23%)
Luminanz: 0,020

Blue Square #4E8D9C

RGB: rgb(78, 141, 156)
HSL: hsl(192, 33%, 46%)
Luminanz: 0,231

Willow Hedge #85C79A

RGB: rgb(133, 199, 154)
HSL: hsl(139, 37%, 65%)
Luminanz: 0,482

Chiffon #EDF7BD

RGB: rgb(237, 247, 189)
HSL: hsl(70, 78%, 85%)
Luminanz: 0,882

Kontrast & Barrierefreiheit

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

Aa #281C59 auf #EDF7BD 13,31:1 AAA

Aa #281C59 auf #85C79A 7,59:1 AAA

Aa #281C59 auf #4E8D9C 4,01:1 AA (großer Text)

Aa #4E8D9C auf #EDF7BD 3,32:1 AA (großer Text)

Aa #4E8D9C auf #85C79A 1,89:1 Nicht bestanden

Aa #85C79A auf #EDF7BD 1,75:1 Nicht bestanden

Palette „Chiffon“ mit 4 Farben