Startseite Farbpaletten TY Chilling Spine 8

TY Chilling Spine 8

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

Zurück zur Bibliothek

TY Chilling Spine 8

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

Bearbeiten

Gedeckt 8 Farben Warm Gemischt Analog dark limited horror 3bit

Likes 49

Farben 8

CSS-Variablen

:root {
  --c-muted-1: #DBC5BF;
  --c-muted-2: #BBB18F;
  --c-muted-3: #988476;
  --c-muted-4: #78575E;
  --c-muted-5: #584540;
  --c-muted-6: #3D3936;
  --c-muted-7: #342B2B;
  --c-muted-8: #24222A;
}

Über diese Palette

Diese gedeckte Palette mit 8 Farben reicht vom hellsten Ton Bella Mia (#DBC5BF) bis zum dunkelsten Ton To Hell and Black (#24222A). Sie vereint Bella Mia, Wasabi Powder, Parisian Café, Falcon Wing, Dark Walnut, Eclipse, Deep Brown und To Hell and Black 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 #DBC5BF auf #24222A mit 9,54:1.

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

Farben im Detail

Bella Mia #DBC5BF

RGB: rgb(219, 197, 191)
HSL: hsl(13, 28%, 80%)
Luminanz: 0,588

Wasabi Powder #BBB18F

RGB: rgb(187, 177, 143)
HSL: hsl(46, 24%, 65%)
Luminanz: 0,440

Parisian Café #988476

RGB: rgb(152, 132, 118)
HSL: hsl(25, 14%, 53%)
Luminanz: 0,245

Falcon Wing #78575E

RGB: rgb(120, 87, 94)
HSL: hsl(347, 16%, 41%)
Luminanz: 0,116

Dark Walnut #584540

RGB: rgb(88, 69, 64)
HSL: hsl(13, 16%, 30%)
Luminanz: 0,067

Eclipse #3D3936

RGB: rgb(61, 57, 54)
HSL: hsl(26, 6%, 23%)
Luminanz: 0,042

Deep Brown #342B2B

RGB: rgb(52, 43, 43)
HSL: hsl(0, 9%, 19%)
Luminanz: 0,026

To Hell and Black #24222A

RGB: rgb(36, 34, 42)
HSL: hsl(255, 11%, 15%)
Luminanz: 0,017

Kontrast & Barrierefreiheit

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

Aa #DBC5BF auf #24222A 9,54:1 AAA

Aa #DBC5BF auf #342B2B 8,35:1 AAA

Aa #BBB18F auf #24222A 7,33:1 AAA

Aa #DBC5BF auf #3D3936 6,94:1 AA

Aa #BBB18F auf #342B2B 6,42:1 AA

Aa #DBC5BF auf #584540 5,45:1 AA

Aa #BBB18F auf #3D3936 5,33:1 AA

Aa #988476 auf #24222A 4,41:1 AA (großer Text)

Aa #BBB18F auf #584540 4,19:1 AA (großer Text)

Aa #988476 auf #342B2B 3,86:1 AA (großer Text)

Aa #DBC5BF auf #78575E 3,84:1 AA (großer Text)

Aa #988476 auf #3D3936 3,21:1 AA (großer Text)

Aa #BBB18F auf #78575E 2,95:1 Nicht bestanden

Aa #988476 auf #584540 2,52:1 Nicht bestanden

Aa #78575E auf #24222A 2,49:1 Nicht bestanden

Aa #78575E auf #342B2B 2,18:1 Nicht bestanden

Aa #DBC5BF auf #988476 2,16:1 Nicht bestanden

Aa #78575E auf #3D3936 1,81:1 Nicht bestanden

Aa #988476 auf #78575E 1,77:1 Nicht bestanden

Aa #584540 auf #24222A 1,75:1 Nicht bestanden

Aa #BBB18F auf #988476 1,66:1 Nicht bestanden

Aa #584540 auf #342B2B 1,53:1 Nicht bestanden

Aa #78575E auf #584540 1,42:1 Nicht bestanden

Aa #3D3936 auf #24222A 1,37:1 Nicht bestanden

Aa #DBC5BF auf #BBB18F 1,30:1 Nicht bestanden

Aa #584540 auf #3D3936 1,27:1 Nicht bestanden

Aa #3D3936 auf #342B2B 1,20:1 Nicht bestanden

Aa #342B2B auf #24222A 1,14:1 Nicht bestanden

TY Chilling Spine 8