Startseite Farbpaletten Palette „Nightwalker“ mit 4 Farben

Palette „Nightwalker“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Nightwalker“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Analog

Likes 4.542

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #19183B;
  --c-muted-2: #708993;
  --c-muted-3: #A1C2BD;
  --c-muted-4: #E7F2EF;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Ethereal White (#E7F2EF) bis zum dunkelsten Ton Nightwalker (#19183B). Sie vereint Nightwalker, Jeans Indigo, New-Age Green und Ethereal White 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 #19183B auf #E7F2EF mit 14,85:1.

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

Farben im Detail

Nightwalker #19183B

RGB: rgb(25, 24, 59)
HSL: hsl(242, 42%, 16%)
Luminanz: 0,012

Jeans Indigo #708993

RGB: rgb(112, 137, 147)
HSL: hsl(197, 14%, 51%)
Luminanz: 0,234

New-Age Green #A1C2BD

RGB: rgb(161, 194, 189)
HSL: hsl(171, 21%, 70%)
Luminanz: 0,498

Ethereal White #E7F2EF

RGB: rgb(231, 242, 239)
HSL: hsl(164, 30%, 93%)
Luminanz: 0,867

Kontrast & Barrierefreiheit

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

Aa #19183B auf #E7F2EF 14,85:1 AAA

Aa #19183B auf #A1C2BD 8,88:1 AAA

Aa #19183B auf #708993 4,61:1 AA

Aa #708993 auf #E7F2EF 3,22:1 AA (großer Text)

Aa #708993 auf #A1C2BD 1,93:1 Nicht bestanden

Aa #A1C2BD auf #E7F2EF 1,67:1 Nicht bestanden

Palette „Nightwalker“ mit 4 Farben