Startseite Farbpaletten Palette „Dark Eclipse“ mit 4 Farben

Palette „Dark Eclipse“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Dark Eclipse“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Analog

Likes 14.642

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #0B2447;
  --c-muted-2: #19376D;
  --c-muted-3: #576CBC;
  --c-muted-4: #A5D7E8;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Blue Click (#A5D7E8) bis zum dunkelsten Ton Dark Eclipse (#0B2447). Sie vereint Dark Eclipse, Atlantic Navy, Amparo Blue und Blue Click 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 #0B2447 auf #A5D7E8 mit 9,93:1.

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

Farben im Detail

Dark Eclipse #0B2447

RGB: rgb(11, 36, 71)
HSL: hsl(215, 73%, 16%)
Luminanz: 0,018

Atlantic Navy #19376D

RGB: rgb(25, 55, 109)
HSL: hsl(219, 63%, 26%)
Luminanz: 0,040

Amparo Blue #576CBC

RGB: rgb(87, 108, 188)
HSL: hsl(228, 43%, 54%)
Luminanz: 0,164

Blue Click #A5D7E8

RGB: rgb(165, 215, 232)
HSL: hsl(195, 59%, 78%)
Luminanz: 0,624

Kontrast & Barrierefreiheit

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

Aa #0B2447 auf #A5D7E8 9,93:1 AAA

Aa #19376D auf #A5D7E8 7,46:1 AAA

Aa #0B2447 auf #576CBC 3,15:1 AA (großer Text)

Aa #576CBC auf #A5D7E8 3,15:1 AA (großer Text)

Aa #19376D auf #576CBC 2,36:1 Nicht bestanden

Aa #0B2447 auf #19376D 1,33:1 Nicht bestanden

Palette „Dark Eclipse“ mit 4 Farben