Startseite Farbpaletten TY Industrial Factory 10

TY Industrial Factory 10

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

Zurück zur Bibliothek

TY Industrial Factory 10

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

Bearbeiten

Erdig 10 Farben Warm Gemischt Analog dark metal horror sad

Likes 43

Farben 10

CSS-Variablen

:root {
  --c-earthy-1: #DECEB4;
  --c-earthy-2: #B6A87B;
  --c-earthy-3: #977760;
  --c-earthy-4: #90544D;
  --c-earthy-5: #5E4A48;
  --c-earthy-6: #81904D;
  --c-earthy-7: #5F5D4F;
  --c-earthy-8: #3D443B;
  --c-earthy-9: #2F2C27;
  --c-earthy-10: #000000;
}

Über diese Palette

Diese erdige Palette mit 10 Farben reicht vom hellsten Ton Found Fossil (#DECEB4) bis zum dunkelsten Ton Black (#000000). Sie vereint Found Fossil, Texas Sage, Dark Toast, Cogswell Cedar, Mustang, Camo, Hayden Valley, Deep Forest, Noir und Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #DECEB4 auf #000000 mit 13,59:1.

Bodenständige, natürliche Töne – passend für nachhaltige und Bio-Marken, Cafés, Outdoor-Ausrüstung und warme redaktionelle Typografie.

Farben im Detail

Found Fossil #DECEB4

RGB: rgb(222, 206, 180)
HSL: hsl(37, 39%, 79%)
Luminanz: 0,630

Texas Sage #B6A87B

RGB: rgb(182, 168, 123)
HSL: hsl(46, 29%, 60%)
Luminanz: 0,394

Dark Toast #977760

RGB: rgb(151, 119, 96)
HSL: hsl(25, 22%, 48%)
Luminanz: 0,206

Cogswell Cedar #90544D

RGB: rgb(144, 84, 77)
HSL: hsl(6, 30%, 43%)
Luminanz: 0,128

Mustang #5E4A48

RGB: rgb(94, 74, 72)
HSL: hsl(5, 13%, 33%)
Luminanz: 0,078

Camo #81904D

RGB: rgb(129, 144, 77)
HSL: hsl(73, 30%, 43%)
Luminanz: 0,252

Hayden Valley #5F5D4F

RGB: rgb(95, 93, 79)
HSL: hsl(53, 9%, 34%)
Luminanz: 0,108

Deep Forest #3D443B

RGB: rgb(61, 68, 59)
HSL: hsl(107, 7%, 25%)
Luminanz: 0,054

Noir #2F2C27

RGB: rgb(47, 44, 39)
HSL: hsl(38, 9%, 17%)
Luminanz: 0,026

Black #000000

RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Luminanz: 0,000

Kontrast & Barrierefreiheit

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

Aa #DECEB4 auf #000000 13,59:1 AAA

Aa #DECEB4 auf #2F2C27 9,00:1 AAA

Aa #B6A87B auf #000000 8,88:1 AAA

Aa #DECEB4 auf #3D443B 6,51:1 AA

Aa #81904D auf #000000 6,03:1 AA

Aa #B6A87B auf #2F2C27 5,88:1 AA

Aa #DECEB4 auf #5E4A48 5,33:1 AA

Aa #977760 auf #000000 5,12:1 AA

Aa #DECEB4 auf #5F5D4F 4,29:1 AA (großer Text)

Aa #B6A87B auf #3D443B 4,25:1 AA (großer Text)

Aa #81904D auf #2F2C27 3,99:1 AA (großer Text)

Aa #DECEB4 auf #90544D 3,82:1 AA (großer Text)

Aa #90544D auf #000000 3,56:1 AA (großer Text)

Aa #B6A87B auf #5E4A48 3,48:1 AA (großer Text)

Aa #977760 auf #2F2C27 3,39:1 AA (großer Text)

Aa #5F5D4F auf #000000 3,17:1 AA (großer Text)

Aa #81904D auf #3D443B 2,89:1 Nicht bestanden

Aa #B6A87B auf #5F5D4F 2,80:1 Nicht bestanden

Aa #DECEB4 auf #977760 2,65:1 Nicht bestanden

Aa #5E4A48 auf #000000 2,55:1 Nicht bestanden

Aa #B6A87B auf #90544D 2,49:1 Nicht bestanden

Aa #977760 auf #3D443B 2,45:1 Nicht bestanden

Aa #5E4A48 auf #81904D 2,37:1 Nicht bestanden

Aa #90544D auf #2F2C27 2,36:1 Nicht bestanden

Aa #DECEB4 auf #81904D 2,25:1 Nicht bestanden

Aa #5F5D4F auf #2F2C27 2,10:1 Nicht bestanden

Aa #3D443B auf #000000 2,09:1 Nicht bestanden

Aa #977760 auf #5E4A48 2,01:1 Nicht bestanden

Aa #81904D auf #5F5D4F 1,91:1 Nicht bestanden

Aa #B6A87B auf #977760 1,73:1 Nicht bestanden

Aa #90544D auf #3D443B 1,71:1 Nicht bestanden

Aa #90544D auf #81904D 1,69:1 Nicht bestanden

Aa #5E4A48 auf #2F2C27 1,69:1 Nicht bestanden

Aa #977760 auf #5F5D4F 1,62:1 Nicht bestanden

Aa #DECEB4 auf #B6A87B 1,53:1 Nicht bestanden

Aa #5F5D4F auf #3D443B 1,52:1 Nicht bestanden

Aa #2F2C27 auf #000000 1,51:1 Nicht bestanden

Aa #B6A87B auf #81904D 1,47:1 Nicht bestanden

Aa #977760 auf #90544D 1,44:1 Nicht bestanden

Aa #90544D auf #5E4A48 1,40:1 Nicht bestanden

Aa #3D443B auf #2F2C27 1,38:1 Nicht bestanden

Aa #5E4A48 auf #5F5D4F 1,24:1 Nicht bestanden

Aa #5E4A48 auf #3D443B 1,22:1 Nicht bestanden

Aa #977760 auf #81904D 1,18:1 Nicht bestanden

Aa #90544D auf #5F5D4F 1,13:1 Nicht bestanden

TY Industrial Factory 10