Fluffy8

Palette mit 8 Farben · Neutral · Hell · Harmonie: Triadisch

Zurück zur Bibliothek

Fluffy8

Palette mit 8 Farben · Temperatur: Neutral · Ton: Hell · Harmonie: Triadisch

Bearbeiten

Lebendig 8 Farben Neutral Hell Triadisch

Likes 461

Farben 8

CSS-Variablen

:root {
  --c-vibrant-1: #933A63;
  --c-vibrant-2: #FF95B1;
  --c-vibrant-3: #FFC4CF;
  --c-vibrant-4: #FFECF0;
  --c-vibrant-5: #D4D5F6;
  --c-vibrant-6: #96B3FD;
  --c-vibrant-7: #7679DB;
  --c-vibrant-8: #44387A;
}

Über diese Palette

Diese lebendige Palette mit 8 Farben reicht vom hellsten Ton Sugar Coated (#FFECF0) bis zum dunkelsten Ton Galactic Compass (#44387A). Sie vereint Aurora Magenta, Baker-Miller Pink, Cotton Candy Comet, Sugar Coated, Flax Bloom, Truesky Gloxym, Tanzine und Galactic Compass in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FFECF0 auf #44387A mit 8,85:1.

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

Farben im Detail

Aurora Magenta #933A63

RGB: rgb(147, 58, 99)
HSL: hsl(332, 43%, 40%)
Luminanz: 0,101

Baker-Miller Pink #FF95B1

RGB: rgb(255, 149, 177)
HSL: hsl(344, 100%, 79%)
Luminanz: 0,459

Cotton Candy Comet #FFC4CF

RGB: rgb(255, 196, 207)
HSL: hsl(349, 100%, 88%)
Luminanz: 0,652

Sugar Coated #FFECF0

RGB: rgb(255, 236, 240)
HSL: hsl(347, 100%, 96%)
Luminanz: 0,875

Flax Bloom #D4D5F6

RGB: rgb(212, 213, 246)
HSL: hsl(238, 65%, 90%)
Luminanz: 0,682

Truesky Gloxym #96B3FD

RGB: rgb(150, 179, 253)
HSL: hsl(223, 96%, 79%)
Luminanz: 0,458

Tanzine #7679DB

RGB: rgb(118, 121, 219)
HSL: hsl(238, 58%, 66%)
Luminanz: 0,226

Galactic Compass #44387A

RGB: rgb(68, 56, 122)
HSL: hsl(251, 37%, 35%)
Luminanz: 0,055

Kontrast & Barrierefreiheit

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

Aa #FFECF0 auf #44387A 8,85:1 AAA

Aa #D4D5F6 auf #44387A 7,00:1 AAA

Aa #FFC4CF auf #44387A 6,71:1 AA

Aa #933A63 auf #FFECF0 6,12:1 AA

Aa #FF95B1 auf #44387A 4,87:1 AA

Aa #96B3FD auf #44387A 4,86:1 AA

Aa #933A63 auf #D4D5F6 4,84:1 AA

Aa #933A63 auf #FFC4CF 4,64:1 AA

Aa #933A63 auf #FF95B1 3,37:1 AA (großer Text)

Aa #933A63 auf #96B3FD 3,36:1 AA (großer Text)

Aa #FFECF0 auf #7679DB 3,35:1 AA (großer Text)

Aa #D4D5F6 auf #7679DB 2,65:1 Nicht bestanden

Aa #7679DB auf #44387A 2,64:1 Nicht bestanden

Aa #FFC4CF auf #7679DB 2,54:1 Nicht bestanden

Aa #FF95B1 auf #7679DB 1,84:1 Nicht bestanden

Aa #96B3FD auf #7679DB 1,84:1 Nicht bestanden

Aa #933A63 auf #7679DB 1,83:1 Nicht bestanden

Aa #FF95B1 auf #FFECF0 1,82:1 Nicht bestanden

Aa #FFECF0 auf #96B3FD 1,82:1 Nicht bestanden

Aa #933A63 auf #44387A 1,45:1 Nicht bestanden

Aa #FF95B1 auf #D4D5F6 1,44:1 Nicht bestanden

Aa #D4D5F6 auf #96B3FD 1,44:1 Nicht bestanden

Aa #FF95B1 auf #FFC4CF 1,38:1 Nicht bestanden

Aa #FFC4CF auf #96B3FD 1,38:1 Nicht bestanden

Aa #FFC4CF auf #FFECF0 1,32:1 Nicht bestanden

Aa #FFECF0 auf #D4D5F6 1,26:1 Nicht bestanden

Aa #FFC4CF auf #D4D5F6 1,04:1 Nicht bestanden

Aa #FF95B1 auf #96B3FD 1,00:1 Nicht bestanden

Fluffy8

Fluffy8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen