Startseite Farbpaletten Palette „Medallion“ mit 4 Farben

Palette „Medallion“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Medallion“ 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 7.826

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #222831;
  --c-muted-2: #30475E;
  --c-muted-3: #C1A57B;
  --c-muted-4: #ECECEC;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Coronation (#ECECEC) bis zum dunkelsten Ton Infinity (#222831). Sie vereint Infinity, Stay the Night, Medallion und Coronation 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 #222831 auf #ECECEC mit 12,55:1.

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

Farben im Detail

Infinity #222831

RGB: rgb(34, 40, 49)
HSL: hsl(216, 18%, 16%)
Luminanz: 0,021

Stay the Night #30475E

RGB: rgb(48, 71, 94)
HSL: hsl(210, 32%, 28%)
Luminanz: 0,059

Medallion #C1A57B

RGB: rgb(193, 165, 123)
HSL: hsl(36, 36%, 62%)
Luminanz: 0,397

Coronation #ECECEC

RGB: rgb(236, 236, 236)
HSL: hsl(0, 0%, 93%)
Luminanz: 0,839

Kontrast & Barrierefreiheit

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

Aa #222831 auf #ECECEC 12,55:1 AAA

Aa #30475E auf #ECECEC 8,12:1 AAA

Aa #222831 auf #C1A57B 6,31:1 AA

Aa #30475E auf #C1A57B 4,08:1 AA (großer Text)

Aa #C1A57B auf #ECECEC 1,99:1 Nicht bestanden

Aa #222831 auf #30475E 1,55:1 Nicht bestanden

Palette „Medallion“ mit 4 Farben