Startseite Farbpaletten Palette „Electric Indigo“ mit 4 Farben

Palette „Electric Indigo“ mit 4 Farben

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Split-komplementär

Zurück zur Bibliothek

Palette „Electric Indigo“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Split-komplementär

Bearbeiten

Lebendig 4 Farben Warm Gemischt Split-komplementär

Likes 3.398

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #6807F9;
  --c-vibrant-2: #9852F9;
  --c-vibrant-3: #C299FC;
  --c-vibrant-4: #FFD739;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Exploding Star (#FFD739) bis zum dunkelsten Ton Electric Indigo (#6807F9). Sie vereint Electric Indigo, Irrigo Purple, Baby Purple und Exploding Star 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 #6807F9 auf #FFD739 mit 5,03:1.

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

Farben im Detail

Electric Indigo #6807F9

RGB: rgb(104, 7, 249)
HSL: hsl(264, 95%, 50%)
Luminanz: 0,099

Irrigo Purple #9852F9

RGB: rgb(152, 82, 249)
HSL: hsl(265, 93%, 65%)
Luminanz: 0,196

Baby Purple #C299FC

RGB: rgb(194, 153, 252)
HSL: hsl(265, 94%, 79%)
Luminanz: 0,413

Exploding Star #FFD739

RGB: rgb(255, 215, 57)
HSL: hsl(48, 100%, 61%)
Luminanz: 0,702

Kontrast & Barrierefreiheit

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

Aa #6807F9 auf #FFD739 5,03:1 AA

Aa #6807F9 auf #C299FC 3,10:1 AA (großer Text)

Aa #9852F9 auf #FFD739 3,06:1 AA (großer Text)

Aa #9852F9 auf #C299FC 1,89:1 Nicht bestanden

Aa #6807F9 auf #9852F9 1,64:1 Nicht bestanden

Aa #C299FC auf #FFD739 1,62:1 Nicht bestanden

Palette „Electric Indigo“ mit 4 Farben