Startseite Farbpaletten Palette „Blackthorn Berry“ mit 4 Farben

Palette „Blackthorn Berry“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Blackthorn Berry“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Hell Analog

Likes 4.272

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #866EC7;
  --c-vibrant-2: #8F71FF;
  --c-vibrant-3: #82ACFF;
  --c-vibrant-4: #B7FBFF;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Italian Sky Blue (#B7FBFF) bis zum dunkelsten Ton True V (#866EC7). Sie vereint True V, Blackthorn Berry, Fennel Flower und Italian Sky Blue in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

True V #866EC7

RGB: rgb(134, 110, 199)
HSL: hsl(256, 44%, 61%)
Luminanz: 0,203

Blackthorn Berry #8F71FF

RGB: rgb(143, 113, 255)
HSL: hsl(253, 100%, 72%)
Luminanz: 0,249

Fennel Flower #82ACFF

RGB: rgb(130, 172, 255)
HSL: hsl(220, 100%, 75%)
Luminanz: 0,415

Italian Sky Blue #B7FBFF

RGB: rgb(183, 251, 255)
HSL: hsl(183, 100%, 86%)
Luminanz: 0,863

Kontrast & Barrierefreiheit

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

Aa #866EC7 auf #B7FBFF 3,60:1 AA (großer Text)

Aa #8F71FF auf #B7FBFF 3,06:1 AA (großer Text)

Aa #82ACFF auf #B7FBFF 1,96:1 Nicht bestanden

Aa #866EC7 auf #82ACFF 1,83:1 Nicht bestanden

Aa #8F71FF auf #82ACFF 1,56:1 Nicht bestanden

Aa #866EC7 auf #8F71FF 1,18:1 Nicht bestanden

Palette „Blackthorn Berry“ mit 4 Farben