Startseite Farbpaletten Palette „Milan“ mit 4 Farben

Palette „Milan“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Milan“ 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 792

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #2C2955;
  --c-muted-2: #4C5FB1;
  --c-muted-3: #F9F194;
  --c-muted-4: #CDD582;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Milan (#F9F194) bis zum dunkelsten Ton Ceremonial Purple (#2C2955). Sie vereint Ceremonial Purple, Chinese Bellflower, Milan und Green Gecko in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #2C2955 auf #F9F194 mit 11,6:1.

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

Farben im Detail

Ceremonial Purple #2C2955

RGB: rgb(44, 41, 85)
HSL: hsl(244, 35%, 25%)
Luminanz: 0,028

Chinese Bellflower #4C5FB1

RGB: rgb(76, 95, 177)
HSL: hsl(229, 40%, 50%)
Luminanz: 0,129

Milan #F9F194

RGB: rgb(249, 241, 148)
HSL: hsl(55, 89%, 78%)
Luminanz: 0,852

Green Gecko #CDD582

RGB: rgb(205, 213, 130)
HSL: hsl(66, 50%, 67%)
Luminanz: 0,622

Kontrast & Barrierefreiheit

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

Aa #2C2955 auf #F9F194 11,60:1 AAA

Aa #2C2955 auf #CDD582 8,64:1 AAA

Aa #4C5FB1 auf #F9F194 5,04:1 AA

Aa #4C5FB1 auf #CDD582 3,75:1 AA (großer Text)

Aa #2C2955 auf #4C5FB1 2,30:1 Nicht bestanden

Aa #F9F194 auf #CDD582 1,34:1 Nicht bestanden

Palette „Milan“ mit 4 Farben