Alkaline6

Palette mit 6 Farben · Warm · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Alkaline6

Palette mit 6 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Lebendig 6 Farben Warm Gemischt Analog monoramp purple chemical alkali

Likes 35

Farben 6

CSS-Variablen

:root {
  --c-vibrant-1: #FFD6FA;
  --c-vibrant-2: #FF9EF5;
  --c-vibrant-3: #BF5499;
  --c-vibrant-4: #7F3A6B;
  --c-vibrant-5: #3D2249;
  --c-vibrant-6: #080A1E;
}

Über diese Palette

Diese lebendige Palette mit 6 Farben reicht vom hellsten Ton Strawberry Frost (#FFD6FA) bis zum dunkelsten Ton Tristesse (#080A1E). Sie vereint Strawberry Frost, Pink Elephants, Llilacquered, Midnight Aubergine, Purple Void und Tristesse in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFD6FA auf #080A1E mit 15,15:1.

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

Farben im Detail

Strawberry Frost #FFD6FA

RGB: rgb(255, 214, 250)
HSL: hsl(307, 100%, 92%)
Luminanz: 0,763

Pink Elephants #FF9EF5

RGB: rgb(255, 158, 245)
HSL: hsl(306, 100%, 81%)
Luminanz: 0,523

Llilacquered #BF5499

RGB: rgb(191, 84, 153)
HSL: hsl(321, 46%, 54%)
Luminanz: 0,197

Midnight Aubergine #7F3A6B

RGB: rgb(127, 58, 107)
HSL: hsl(317, 37%, 36%)
Luminanz: 0,086

Purple Void #3D2249

RGB: rgb(61, 34, 73)
HSL: hsl(282, 36%, 21%)
Luminanz: 0,026

Tristesse #080A1E

RGB: rgb(8, 10, 30)
HSL: hsl(235, 58%, 7%)
Luminanz: 0,004

Kontrast & Barrierefreiheit

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

Aa #FFD6FA auf #080A1E 15,15:1 AAA

Aa #FF9EF5 auf #080A1E 10,69:1 AAA

Aa #FFD6FA auf #3D2249 10,67:1 AAA

Aa #FF9EF5 auf #3D2249 7,52:1 AAA

Aa #FFD6FA auf #7F3A6B 5,97:1 AA

Aa #BF5499 auf #080A1E 4,61:1 AA

Aa #FF9EF5 auf #7F3A6B 4,21:1 AA (großer Text)

Aa #FFD6FA auf #BF5499 3,29:1 AA (großer Text)

Aa #BF5499 auf #3D2249 3,24:1 AA (großer Text)

Aa #7F3A6B auf #080A1E 2,54:1 Nicht bestanden

Aa #FF9EF5 auf #BF5499 2,32:1 Nicht bestanden

Aa #BF5499 auf #7F3A6B 1,82:1 Nicht bestanden

Aa #7F3A6B auf #3D2249 1,79:1 Nicht bestanden

Aa #FFD6FA auf #FF9EF5 1,42:1 Nicht bestanden

Aa #3D2249 auf #080A1E 1,42:1 Nicht bestanden

Alkaline6

Alkaline6

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen