Startseite Farbpaletten 5 Color Vanishing Palette

5 Color Vanishing Palette

Palette mit 5 Farben · Warm · Dunkel

Zurück zur Bibliothek

5 Color Vanishing Palette

Palette mit 5 Farben · Temperatur: Warm · Ton: Dunkel

Bearbeiten

5 Farben Warm Dunkel

Likes 0

Farben 5

CSS-Variablen

:root {
  --c-palette-1: #000000;
  --c-palette-2: #6E53A3;
  --c-palette-3: #311356;
  --c-palette-4: #A8366F;
  --c-palette-5: #AA93C8;
}

Über diese Palette

Diese Farbpalette mit 5 Farben reicht vom hellsten Ton Enchanted Lilac (#AA93C8) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Sumire Violet, Vanishing, Plum Kingdom und Enchanted Lilac in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 10. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #AA93C8 mit 7,72:1.

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

Farben im Detail

Black #000000

RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Luminanz: 0,000

Sumire Violet #6E53A3

RGB: rgb(110, 83, 163)
HSL: hsl(260, 33%, 48%)
Luminanz: 0,122

Vanishing #311356

RGB: rgb(49, 19, 86)
HSL: hsl(267, 64%, 21%)
Luminanz: 0,018

Plum Kingdom #A8366F

RGB: rgb(168, 54, 111)
HSL: hsl(330, 51%, 44%)
Luminanz: 0,121

Enchanted Lilac #AA93C8

RGB: rgb(170, 147, 200)
HSL: hsl(266, 33%, 68%)
Luminanz: 0,336

Kontrast & Barrierefreiheit

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

Aa #000000 auf #AA93C8 7,72:1 AAA

Aa #311356 auf #AA93C8 5,68:1 AA

Aa #000000 auf #6E53A3 3,43:1 AA (großer Text)

Aa #000000 auf #A8366F 3,42:1 AA (großer Text)

Aa #6E53A3 auf #311356 2,52:1 Nicht bestanden

Aa #311356 auf #A8366F 2,52:1 Nicht bestanden

Aa #6E53A3 auf #AA93C8 2,25:1 Nicht bestanden

Aa #A8366F auf #AA93C8 2,25:1 Nicht bestanden

Aa #000000 auf #311356 1,36:1 Nicht bestanden

Aa #6E53A3 auf #A8366F 1,00:1 Nicht bestanden

5 Color Vanishing Palette