Startseite Farbpaletten Palette „Midsummer’s Dream“ mit 4 Farben

Palette „Midsummer’s Dream“ mit 4 Farben

Palette mit 4 Farben · Kühl · Hell · Harmonie: Monochrom

Zurück zur Bibliothek

Palette „Midsummer’s Dream“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Hell · Harmonie: Monochrom

Bearbeiten

Gedeckt 4 Farben Kühl Hell Monochrom

Likes 8.689

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #E8ECF1;
  --c-muted-2: #B5CFD8;
  --c-muted-3: #7393A7;
  --c-muted-4: #6C737E;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Solitude (#E8ECF1) bis zum dunkelsten Ton Pompeii Ash (#6C737E). Sie vereint Solitude, Midsummer’s Dream, Architecture Blue und Pompeii Ash in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Solitude #E8ECF1

RGB: rgb(232, 236, 241)
HSL: hsl(213, 24%, 93%)
Luminanz: 0,835

Midsummer’s Dream #B5CFD8

RGB: rgb(181, 207, 216)
HSL: hsl(195, 31%, 78%)
Luminanz: 0,594

Architecture Blue #7393A7

RGB: rgb(115, 147, 167)
HSL: hsl(203, 23%, 55%)
Luminanz: 0,273

Pompeii Ash #6C737E

RGB: rgb(108, 115, 126)
HSL: hsl(217, 8%, 46%)
Luminanz: 0,170

Kontrast & Barrierefreiheit

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

Aa #E8ECF1 auf #6C737E 4,03:1 AA (großer Text)

Aa #B5CFD8 auf #6C737E 2,93:1 Nicht bestanden

Aa #E8ECF1 auf #7393A7 2,74:1 Nicht bestanden

Aa #B5CFD8 auf #7393A7 1,99:1 Nicht bestanden

Aa #7393A7 auf #6C737E 1,47:1 Nicht bestanden

Aa #E8ECF1 auf #B5CFD8 1,37:1 Nicht bestanden

Palette „Midsummer’s Dream“ mit 4 Farben