Splashy 08

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

Zurück zur Bibliothek

Splashy 08

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

Bearbeiten

Gedeckt 8 Farben Kühl Gemischt Analog monoramp blue purple water

Likes 163

Farben 8

CSS-Variablen

:root {
  --c-muted-1: #C6E5EA;
  --c-muted-2: #8EA8C1;
  --c-muted-3: #6780AC;
  --c-muted-4: #5766A1;
  --c-muted-5: #424582;
  --c-muted-6: #362F63;
  --c-muted-7: #331F49;
  --c-muted-8: #320F3B;
}

Über diese Palette

Diese gedeckte Palette mit 8 Farben reicht vom hellsten Ton Ice Age (#C6E5EA) bis zum dunkelsten Ton Synallactida (#320F3B). Sie vereint Ice Age, Frills, Marvellous, Electrify, Queen of the Night Shift, Deep Koamaru, Elderberry und Synallactida in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #C6E5EA auf #320F3B mit 12,47:1.

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

Farben im Detail

Ice Age #C6E5EA

RGB: rgb(198, 229, 234)
HSL: hsl(188, 46%, 85%)
Luminanz: 0,740

Frills #8EA8C1

RGB: rgb(142, 168, 193)
HSL: hsl(209, 29%, 66%)
Luminanz: 0,376

Marvellous #6780AC

RGB: rgb(103, 128, 172)
HSL: hsl(218, 29%, 54%)
Luminanz: 0,213

Electrify #5766A1

RGB: rgb(87, 102, 161)
HSL: hsl(228, 30%, 49%)
Luminanz: 0,141

Queen of the Night Shift #424582

RGB: rgb(66, 69, 130)
HSL: hsl(237, 33%, 38%)
Luminanz: 0,070

Deep Koamaru #362F63

RGB: rgb(54, 47, 99)
HSL: hsl(248, 36%, 29%)
Luminanz: 0,037

Elderberry #331F49

RGB: rgb(51, 31, 73)
HSL: hsl(269, 40%, 20%)
Luminanz: 0,022

Synallactida #320F3B

RGB: rgb(50, 15, 59)
HSL: hsl(288, 59%, 15%)
Luminanz: 0,013

Kontrast & Barrierefreiheit

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

Aa #C6E5EA auf #320F3B 12,47:1 AAA

Aa #C6E5EA auf #331F49 11,02:1 AAA

Aa #C6E5EA auf #362F63 9,06:1 AAA

Aa #8EA8C1 auf #320F3B 6,72:1 AA

Aa #C6E5EA auf #424582 6,57:1 AA

Aa #8EA8C1 auf #331F49 5,95:1 AA

Aa #8EA8C1 auf #362F63 4,89:1 AA

Aa #6780AC auf #320F3B 4,15:1 AA (großer Text)

Aa #C6E5EA auf #5766A1 4,13:1 AA (großer Text)

Aa #6780AC auf #331F49 3,67:1 AA (großer Text)

Aa #8EA8C1 auf #424582 3,54:1 AA (großer Text)

Aa #6780AC auf #362F63 3,02:1 AA (großer Text)

Aa #5766A1 auf #320F3B 3,02:1 AA (großer Text)

Aa #C6E5EA auf #6780AC 3,00:1 AA (großer Text)

Aa #5766A1 auf #331F49 2,67:1 Nicht bestanden

Aa #8EA8C1 auf #5766A1 2,23:1 Nicht bestanden

Aa #6780AC auf #424582 2,19:1 Nicht bestanden

Aa #5766A1 auf #362F63 2,19:1 Nicht bestanden

Aa #424582 auf #320F3B 1,90:1 Nicht bestanden

Aa #C6E5EA auf #8EA8C1 1,85:1 Nicht bestanden

Aa #424582 auf #331F49 1,68:1 Nicht bestanden

Aa #8EA8C1 auf #6780AC 1,62:1 Nicht bestanden

Aa #5766A1 auf #424582 1,59:1 Nicht bestanden

Aa #6780AC auf #5766A1 1,38:1 Nicht bestanden

Aa #424582 auf #362F63 1,38:1 Nicht bestanden

Aa #362F63 auf #320F3B 1,38:1 Nicht bestanden

Aa #362F63 auf #331F49 1,22:1 Nicht bestanden

Aa #331F49 auf #320F3B 1,13:1 Nicht bestanden

Splashy 08

Splashy 08

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen