Startseite Farbpaletten Palette „Invasive Indigo“ mit 4 Farben

Palette „Invasive Indigo“ mit 4 Farben

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Monochrom

Zurück zur Bibliothek

Palette „Invasive Indigo“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Monochrom

Bearbeiten

Lebendig 4 Farben Neutral Gemischt Monochrom

Likes 17.741

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #000000;
  --c-vibrant-2: #52057B;
  --c-vibrant-3: #892CDC;
  --c-vibrant-4: #BC6FF1;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Queer Purple (#BC6FF1) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Invasive Indigo, Bright Blue Violet und Queer Purple in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #BC6FF1 mit 6,68: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

Invasive Indigo #52057B

RGB: rgb(82, 5, 123)
HSL: hsl(279, 92%, 25%)
Luminanz: 0,033

Bright Blue Violet #892CDC

RGB: rgb(137, 44, 220)
HSL: hsl(272, 72%, 52%)
Luminanz: 0,123

Queer Purple #BC6FF1

RGB: rgb(188, 111, 241)
HSL: hsl(276, 82%, 69%)
Luminanz: 0,284

Kontrast & Barrierefreiheit

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

Aa #000000 auf #BC6FF1 6,68:1 AA

Aa #52057B auf #BC6FF1 4,01:1 AA (großer Text)

Aa #000000 auf #892CDC 3,46:1 AA (großer Text)

Aa #52057B auf #892CDC 2,07:1 Nicht bestanden

Aa #892CDC auf #BC6FF1 1,93:1 Nicht bestanden

Aa #000000 auf #52057B 1,67:1 Nicht bestanden

Palette „Invasive Indigo“ mit 4 Farben