Startseite Farbpaletten Palette „Chiffon“ mit 4 Farben

Palette „Chiffon“ mit 4 Farben

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Chiffon“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Komplementär

Likes 668

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #EDF3B7;
  --c-muted-2: #E5C890;
  --c-muted-3: #9268A5;
  --c-muted-4: #644A7F;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Chiffon (#EDF3B7) bis zum dunkelsten Ton Violet Majesty (#644A7F). Sie vereint Chiffon, Bungalow Maple, Amethyst Orchid und Violet Majesty 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 #EDF3B7 auf #644A7F mit 6,4:1.

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

Farben im Detail

Chiffon #EDF3B7

RGB: rgb(237, 243, 183)
HSL: hsl(66, 71%, 84%)
Luminanz: 0,855

Bungalow Maple #E5C890

RGB: rgb(229, 200, 144)
HSL: hsl(40, 62%, 73%)
Luminanz: 0,600

Amethyst Orchid #9268A5

RGB: rgb(146, 104, 165)
HSL: hsl(281, 25%, 53%)
Luminanz: 0,187

Violet Majesty #644A7F

RGB: rgb(100, 74, 127)
HSL: hsl(269, 26%, 39%)
Luminanz: 0,091

Kontrast & Barrierefreiheit

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

Aa #EDF3B7 auf #644A7F 6,40:1 AA

Aa #E5C890 auf #644A7F 4,60:1 AA

Aa #EDF3B7 auf #9268A5 3,82:1 AA (großer Text)

Aa #E5C890 auf #9268A5 2,74:1 Nicht bestanden

Aa #9268A5 auf #644A7F 1,68:1 Nicht bestanden

Aa #EDF3B7 auf #E5C890 1,39:1 Nicht bestanden

Palette „Chiffon“ mit 4 Farben