Startseite Farbpaletten Palette „Icy Lilac“ mit 4 Farben

Palette „Icy Lilac“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Icy Lilac“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Monochrom

Likes 5.124

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #E3E8F8;
  --c-muted-2: #C0C5CD;
  --c-muted-3: #3E588F;
  --c-muted-4: #203562;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Icy Lilac (#E3E8F8) bis zum dunkelsten Ton Navy Trim (#203562). Sie vereint Icy Lilac, Flat Aluminium, Lambent Lagoon und Navy Trim 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 #E3E8F8 auf #203562 mit 9,82:1.

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

Farben im Detail

Icy Lilac #E3E8F8

RGB: rgb(227, 232, 248)
HSL: hsl(226, 60%, 93%)
Luminanz: 0,808

Flat Aluminium #C0C5CD

RGB: rgb(192, 197, 205)
HSL: hsl(217, 12%, 78%)
Luminanz: 0,556

Lambent Lagoon #3E588F

RGB: rgb(62, 88, 143)
HSL: hsl(221, 40%, 40%)
Luminanz: 0,100

Navy Trim #203562

RGB: rgb(32, 53, 98)
HSL: hsl(221, 51%, 25%)
Luminanz: 0,037

Kontrast & Barrierefreiheit

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

Aa #E3E8F8 auf #203562 9,82:1 AAA

Aa #C0C5CD auf #203562 6,93:1 AA

Aa #E3E8F8 auf #3E588F 5,73:1 AA

Aa #C0C5CD auf #3E588F 4,04:1 AA (großer Text)

Aa #3E588F auf #203562 1,72:1 Nicht bestanden

Aa #E3E8F8 auf #C0C5CD 1,42:1 Nicht bestanden

Palette „Icy Lilac“ mit 4 Farben