Startseite Farbpaletten ZantasticDiscord

ZantasticDiscord

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

Zurück zur Bibliothek

ZantasticDiscord

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

Bearbeiten

Gedeckt 10 Farben Kühl Dunkel Analog

Likes 37

Farben 10

CSS-Variablen

:root {
  --c-muted-1: #080821;
  --c-muted-2: #201247;
  --c-muted-3: #20235E;
  --c-muted-4: #503569;
  --c-muted-5: #425979;
  --c-muted-6: #51697D;
  --c-muted-7: #7F6B99;
  --c-muted-8: #6F8AAB;
  --c-muted-9: #80A8A7;
  --c-muted-10: #D9B4C3;
}

Über diese Palette

Diese gedeckte Palette mit 10 Farben reicht vom hellsten Ton Pale Lilac (#D9B4C3) bis zum dunkelsten Ton Tristesse (#080821). Sie vereint Tristesse, Shadow Planet, Deep Breath, Petunia, Carter’s Scroll, Periscope, Ornate, Windsurf Blue, Acapulco Aqua und Pale Lilac in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #080821 auf #D9B4C3 mit 10,56:1.

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

Farben im Detail

Tristesse #080821

RGB: rgb(8, 8, 33)
HSL: hsl(240, 61%, 8%)
Luminanz: 0,003

Shadow Planet #201247

RGB: rgb(32, 18, 71)
HSL: hsl(256, 60%, 17%)
Luminanz: 0,012

Deep Breath #20235E

RGB: rgb(32, 35, 94)
HSL: hsl(237, 49%, 25%)
Luminanz: 0,023

Petunia #503569

RGB: rgb(80, 53, 105)
HSL: hsl(271, 33%, 31%)
Luminanz: 0,053

Carter’s Scroll #425979

RGB: rgb(66, 89, 121)
HSL: hsl(215, 29%, 37%)
Luminanz: 0,097

Periscope #51697D

RGB: rgb(81, 105, 125)
HSL: hsl(207, 21%, 40%)
Luminanz: 0,133

Ornate #7F6B99

RGB: rgb(127, 107, 153)
HSL: hsl(266, 18%, 51%)
Luminanz: 0,173

Windsurf Blue #6F8AAB

RGB: rgb(111, 138, 171)
HSL: hsl(213, 26%, 55%)
Luminanz: 0,245

Acapulco Aqua #80A8A7

RGB: rgb(128, 168, 167)
HSL: hsl(179, 19%, 58%)
Luminanz: 0,354

Pale Lilac #D9B4C3

RGB: rgb(217, 180, 195)
HSL: hsl(336, 33%, 78%)
Luminanz: 0,513

Kontrast & Barrierefreiheit

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

Aa #080821 auf #D9B4C3 10,56:1 AAA

Aa #201247 auf #D9B4C3 9,09:1 AAA

Aa #20235E auf #D9B4C3 7,70:1 AAA

Aa #080821 auf #80A8A7 7,57:1 AAA

Aa #201247 auf #80A8A7 6,52:1 AA

Aa #080821 auf #6F8AAB 5,53:1 AA

Aa #20235E auf #80A8A7 5,52:1 AA

Aa #503569 auf #D9B4C3 5,48:1 AA

Aa #201247 auf #6F8AAB 4,76:1 AA

Aa #080821 auf #7F6B99 4,18:1 AA (großer Text)

Aa #20235E auf #6F8AAB 4,03:1 AA (großer Text)

Aa #503569 auf #80A8A7 3,93:1 AA (großer Text)

Aa #425979 auf #D9B4C3 3,84:1 AA (großer Text)

Aa #201247 auf #7F6B99 3,60:1 AA (großer Text)

Aa #080821 auf #51697D 3,44:1 AA (großer Text)

Aa #51697D auf #D9B4C3 3,07:1 AA (großer Text)

Aa #20235E auf #7F6B99 3,05:1 AA (großer Text)

Aa #201247 auf #51697D 2,96:1 Nicht bestanden

Aa #503569 auf #6F8AAB 2,87:1 Nicht bestanden

Aa #080821 auf #425979 2,75:1 Nicht bestanden

Aa #425979 auf #80A8A7 2,75:1 Nicht bestanden

Aa #7F6B99 auf #D9B4C3 2,52:1 Nicht bestanden

Aa #20235E auf #51697D 2,51:1 Nicht bestanden

Aa #201247 auf #425979 2,37:1 Nicht bestanden

Aa #51697D auf #80A8A7 2,20:1 Nicht bestanden

Aa #503569 auf #7F6B99 2,17:1 Nicht bestanden

Aa #20235E auf #425979 2,01:1 Nicht bestanden

Aa #425979 auf #6F8AAB 2,01:1 Nicht bestanden

Aa #080821 auf #503569 1,93:1 Nicht bestanden

Aa #6F8AAB auf #D9B4C3 1,91:1 Nicht bestanden

Aa #7F6B99 auf #80A8A7 1,81:1 Nicht bestanden

Aa #503569 auf #51697D 1,78:1 Nicht bestanden

Aa #201247 auf #503569 1,66:1 Nicht bestanden

Aa #51697D auf #6F8AAB 1,61:1 Nicht bestanden

Aa #425979 auf #7F6B99 1,52:1 Nicht bestanden

Aa #503569 auf #425979 1,43:1 Nicht bestanden

Aa #20235E auf #503569 1,40:1 Nicht bestanden

Aa #80A8A7 auf #D9B4C3 1,39:1 Nicht bestanden

Aa #080821 auf #20235E 1,37:1 Nicht bestanden

Aa #6F8AAB auf #80A8A7 1,37:1 Nicht bestanden

Aa #7F6B99 auf #6F8AAB 1,32:1 Nicht bestanden

Aa #425979 auf #51697D 1,25:1 Nicht bestanden

Aa #51697D auf #7F6B99 1,22:1 Nicht bestanden

Aa #201247 auf #20235E 1,18:1 Nicht bestanden

Aa #080821 auf #201247 1,16:1 Nicht bestanden

ZantasticDiscord