Startseite Farbpaletten Palette „Blackcurrant“ mit 4 Farben

Palette „Blackcurrant“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Blackcurrant“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Dunkel Analog

Likes 10.987

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #151515;
  --c-muted-2: #301B3F;
  --c-muted-3: #3C415C;
  --c-muted-4: #B4A5A5;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Cool Lavender (#B4A5A5) bis zum dunkelsten Ton Matt Black (#151515). Sie vereint Matt Black, Blackcurrant, Victory Blue und Cool Lavender 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 #151515 auf #B4A5A5 mit 7,71:1.

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

Farben im Detail

Matt Black #151515

RGB: rgb(21, 21, 21)
HSL: hsl(0, 0%, 8%)
Luminanz: 0,008

Blackcurrant #301B3F

RGB: rgb(48, 27, 63)
HSL: hsl(275, 40%, 18%)
Luminanz: 0,018

Victory Blue #3C415C

RGB: rgb(60, 65, 92)
HSL: hsl(231, 21%, 30%)
Luminanz: 0,055

Cool Lavender #B4A5A5

RGB: rgb(180, 165, 165)
HSL: hsl(0, 9%, 68%)
Luminanz: 0,393

Kontrast & Barrierefreiheit

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

Aa #151515 auf #B4A5A5 7,71:1 AAA

Aa #301B3F auf #B4A5A5 6,55:1 AA

Aa #3C415C auf #B4A5A5 4,22:1 AA (großer Text)

Aa #151515 auf #3C415C 1,83:1 Nicht bestanden

Aa #301B3F auf #3C415C 1,55:1 Nicht bestanden

Aa #151515 auf #301B3F 1,18:1 Nicht bestanden

Palette „Blackcurrant“ mit 4 Farben