Startseite Farbpaletten Palette „Minimal“ mit 4 Farben

Palette „Minimal“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Minimal“ 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 2.805

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #5F5D9C;
  --c-muted-2: #6196A6;
  --c-muted-3: #A4CE95;
  --c-muted-4: #F4EDCC;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Minimal (#F4EDCC) bis zum dunkelsten Ton Violet Storm (#5F5D9C). Sie vereint Violet Storm, Deep Diving, Chenille und Minimal 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 #5F5D9C auf #F4EDCC mit 5,05:1.

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

Farben im Detail

Violet Storm #5F5D9C

RGB: rgb(95, 93, 156)
HSL: hsl(242, 25%, 49%)
Luminanz: 0,127

Deep Diving #6196A6

RGB: rgb(97, 150, 166)
HSL: hsl(194, 28%, 52%)
Luminanz: 0,271

Chenille #A4CE95

RGB: rgb(164, 206, 149)
HSL: hsl(104, 37%, 70%)
Luminanz: 0,542

Minimal #F4EDCC

RGB: rgb(244, 237, 204)
HSL: hsl(50, 65%, 88%)
Luminanz: 0,842

Kontrast & Barrierefreiheit

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

Aa #5F5D9C auf #F4EDCC 5,05:1 AA

Aa #5F5D9C auf #A4CE95 3,35:1 AA (großer Text)

Aa #6196A6 auf #F4EDCC 2,78:1 Nicht bestanden

Aa #6196A6 auf #A4CE95 1,84:1 Nicht bestanden

Aa #5F5D9C auf #6196A6 1,82:1 Nicht bestanden

Aa #A4CE95 auf #F4EDCC 1,51:1 Nicht bestanden

Palette „Minimal“ mit 4 Farben