Startseite Farbpaletten Palette „Clear Day“ mit 4 Farben

Palette „Clear Day“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Clear Day“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Triadisch

Likes 5.022

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #DFF0EA;
  --c-muted-2: #95ADBE;
  --c-muted-3: #574F7D;
  --c-muted-4: #4F3A65;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Clear Day (#DFF0EA) bis zum dunkelsten Ton Mulberry Purple (#4F3A65). Sie vereint Clear Day, Showcase Blue, Fully Purple und Mulberry Purple 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 #DFF0EA auf #4F3A65 mit 8,37:1.

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

Farben im Detail

Clear Day #DFF0EA

RGB: rgb(223, 240, 234)
HSL: hsl(159, 36%, 91%)
Luminanz: 0,840

Showcase Blue #95ADBE

RGB: rgb(149, 173, 190)
HSL: hsl(205, 24%, 66%)
Luminanz: 0,400

Fully Purple #574F7D

RGB: rgb(87, 79, 125)
HSL: hsl(250, 23%, 40%)
Luminanz: 0,091

Mulberry Purple #4F3A65

RGB: rgb(79, 58, 101)
HSL: hsl(269, 27%, 31%)
Luminanz: 0,056

Kontrast & Barrierefreiheit

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

Aa #DFF0EA auf #4F3A65 8,37:1 AAA

Aa #DFF0EA auf #574F7D 6,31:1 AA

Aa #95ADBE auf #4F3A65 4,23:1 AA (großer Text)

Aa #95ADBE auf #574F7D 3,19:1 AA (großer Text)

Aa #DFF0EA auf #95ADBE 1,98:1 Nicht bestanden

Aa #574F7D auf #4F3A65 1,33:1 Nicht bestanden

Palette „Clear Day“ mit 4 Farben