Startseite Farbpaletten Palette „Blister Pearl“ mit 4 Farben

Palette „Blister Pearl“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Blister Pearl“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Kühl Gemischt Analog

Likes 2.209

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #523F79;
  --c-vibrant-2: #807BE4;
  --c-vibrant-3: #73CFF0;
  --c-vibrant-4: #AFFFEA;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Blister Pearl (#AFFFEA) bis zum dunkelsten Ton Raw Amethyst (#523F79). Sie vereint Raw Amethyst, Hera Blue, Heisenberg Blue und Blister Pearl in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #523F79 auf #AFFFEA mit 7,81:1.

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

Farben im Detail

Raw Amethyst #523F79

RGB: rgb(82, 63, 121)
HSL: hsl(260, 32%, 36%)
Luminanz: 0,067

Hera Blue #807BE4

RGB: rgb(128, 123, 228)
HSL: hsl(243, 66%, 69%)
Luminanz: 0,244

Heisenberg Blue #73CFF0

RGB: rgb(115, 207, 240)
HSL: hsl(196, 81%, 70%)
Luminanz: 0,546

Blister Pearl #AFFFEA

RGB: rgb(175, 255, 234)
HSL: hsl(164, 100%, 84%)
Luminanz: 0,866

Kontrast & Barrierefreiheit

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

Aa #523F79 auf #AFFFEA 7,81:1 AAA

Aa #523F79 auf #73CFF0 5,08:1 AA

Aa #807BE4 auf #AFFFEA 3,12:1 AA (großer Text)

Aa #523F79 auf #807BE4 2,50:1 Nicht bestanden

Aa #807BE4 auf #73CFF0 2,03:1 Nicht bestanden

Aa #73CFF0 auf #AFFFEA 1,54:1 Nicht bestanden

Palette „Blister Pearl“ mit 4 Farben