Startseite Farbpaletten Generated Palette

Generated Palette

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

Zurück zur Bibliothek

Generated Palette

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

Bearbeiten

Lebendig 4 Farben Kühl Dunkel Analog

Likes 0

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #3525E4;
  --c-vibrant-2: #588EE4;
  --c-vibrant-3: #7919C8;
  --c-vibrant-4: #EA7BE8;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Lián Hóng Lotus Pink (#EA7BE8) bis zum dunkelsten Ton Violet Glow (#3525E4). Sie vereint Violet Glow, United Nations Blue, Crown Chakra und Lián Hóng Lotus Pink 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

Violet Glow #3525E4

RGB: rgb(53, 37, 228)
HSL: hsl(245, 78%, 52%)
Luminanz: 0,077

United Nations Blue #588EE4

RGB: rgb(88, 142, 228)
HSL: hsl(217, 72%, 62%)
Luminanz: 0,270

Crown Chakra #7919C8

RGB: rgb(121, 25, 200)
HSL: hsl(273, 78%, 44%)
Luminanz: 0,089

Lián Hóng Lotus Pink #EA7BE8

RGB: rgb(234, 123, 232)
HSL: hsl(301, 73%, 70%)
Luminanz: 0,375

Kontrast & Barrierefreiheit

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

Aa #3525E4 auf #EA7BE8 3,35:1 AA (großer Text)

Aa #7919C8 auf #EA7BE8 3,05:1 AA (großer Text)

Aa #3525E4 auf #588EE4 2,53:1 Nicht bestanden

Aa #588EE4 auf #7919C8 2,30:1 Nicht bestanden

Aa #588EE4 auf #EA7BE8 1,33:1 Nicht bestanden

Aa #3525E4 auf #7919C8 1,10:1 Nicht bestanden

Generated Palette