Startseite Farbpaletten Palette „Bright Indigo“ mit 4 Farben

Palette „Bright Indigo“ mit 4 Farben

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Palette „Bright Indigo“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 2.549

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #3B0270;
  --c-vibrant-2: #6F00FF;
  --c-vibrant-3: #E9B3FB;
  --c-vibrant-4: #FFF1F1;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Sefid White (#FFF1F1) bis zum dunkelsten Ton Galactic Federation (#3B0270). Sie vereint Galactic Federation, Bright Indigo, Candy Dreams und Sefid 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 #3B0270 auf #FFF1F1 mit 13,37:1.

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

Farben im Detail

Galactic Federation #3B0270

RGB: rgb(59, 2, 112)
HSL: hsl(271, 96%, 22%)
Luminanz: 0,021

Bright Indigo #6F00FF

RGB: rgb(111, 0, 255)
HSL: hsl(266, 100%, 50%)
Luminanz: 0,106

Candy Dreams #E9B3FB

RGB: rgb(233, 179, 251)
HSL: hsl(285, 90%, 84%)
Luminanz: 0,565

Sefid White #FFF1F1

RGB: rgb(255, 241, 241)
HSL: hsl(0, 100%, 97%)
Luminanz: 0,905

Kontrast & Barrierefreiheit

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

Aa #3B0270 auf #FFF1F1 13,37:1 AAA

Aa #3B0270 auf #E9B3FB 8,61:1 AAA

Aa #6F00FF auf #FFF1F1 6,12:1 AA

Aa #6F00FF auf #E9B3FB 3,94:1 AA (großer Text)

Aa #3B0270 auf #6F00FF 2,18:1 Nicht bestanden

Aa #E9B3FB auf #FFF1F1 1,55:1 Nicht bestanden

Palette „Bright Indigo“ mit 4 Farben