Startseite Farbpaletten Palette „Periwinkle Blue“ mit 4 Farben

Palette „Periwinkle Blue“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Periwinkle Blue“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Hell Analog

Likes 8.288

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #6C4AB6;
  --c-vibrant-2: #8D72E1;
  --c-vibrant-3: #8D9EFF;
  --c-vibrant-4: #B9E0FF;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Dithered Sky (#B9E0FF) bis zum dunkelsten Ton Swiss Plum (#6C4AB6). Sie vereint Swiss Plum, Matt Purple, Periwinkle Blue und Dithered Sky 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 #6C4AB6 auf #B9E0FF mit 4,61:1.

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

Farben im Detail

Swiss Plum #6C4AB6

RGB: rgb(108, 74, 182)
HSL: hsl(259, 43%, 50%)
Luminanz: 0,115

Matt Purple #8D72E1

RGB: rgb(141, 114, 225)
HSL: hsl(255, 65%, 66%)
Luminanz: 0,231

Periwinkle Blue #8D9EFF

RGB: rgb(141, 158, 255)
HSL: hsl(231, 100%, 78%)
Luminanz: 0,373

Dithered Sky #B9E0FF

RGB: rgb(185, 224, 255)
HSL: hsl(207, 100%, 86%)
Luminanz: 0,709

Kontrast & Barrierefreiheit

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

Aa #6C4AB6 auf #B9E0FF 4,61:1 AA

Aa #8D72E1 auf #B9E0FF 2,70:1 Nicht bestanden

Aa #6C4AB6 auf #8D9EFF 2,57:1 Nicht bestanden

Aa #8D9EFF auf #B9E0FF 1,79:1 Nicht bestanden

Aa #6C4AB6 auf #8D72E1 1,71:1 Nicht bestanden

Aa #8D72E1 auf #8D9EFF 1,50:1 Nicht bestanden

Palette „Periwinkle Blue“ mit 4 Farben