Startseite Farbpaletten TY Forgotten Times 9

TY Forgotten Times 9

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

Zurück zur Bibliothek

TY Forgotten Times 9

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

Bearbeiten

Erdig 9 Farben Warm Gemischt Analog

Likes 11

Farben 9

CSS-Variablen

:root {
  --c-earthy-1: #CAA982;
  --c-earthy-2: #8D8472;
  --c-earthy-3: #BB9C3B;
  --c-earthy-4: #B96F2C;
  --c-earthy-5: #856440;
  --c-earthy-6: #7D5043;
  --c-earthy-7: #4A473A;
  --c-earthy-8: #393217;
  --c-earthy-9: #000000;
}

Über diese Palette

Diese erdige Palette mit 9 Farben reicht vom hellsten Ton Toffee Tan (#CAA982) bis zum dunkelsten Ton Black (#000000). Sie vereint Toffee Tan, Silver Sage, Gold Taffeta, Brown Alpaca, Port Wine Barrel, Red Rooster, Treasure Island, Pullman Green und Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 36. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #CAA982 auf #000000 mit 9,51: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

Toffee Tan #CAA982

RGB: rgb(202, 169, 130)
HSL: hsl(33, 40%, 65%)
Luminanz: 0,425

Silver Sage #8D8472

RGB: rgb(141, 132, 114)
HSL: hsl(40, 11%, 50%)
Luminanz: 0,234

Gold Taffeta #BB9C3B

RGB: rgb(187, 156, 59)
HSL: hsl(45, 52%, 48%)
Luminanz: 0,347

Brown Alpaca #B96F2C

RGB: rgb(185, 111, 44)
HSL: hsl(29, 62%, 45%)
Luminanz: 0,219

Port Wine Barrel #856440

RGB: rgb(133, 100, 64)
HSL: hsl(31, 35%, 39%)
Luminanz: 0,145

Red Rooster #7D5043

RGB: rgb(125, 80, 67)
HSL: hsl(13, 30%, 38%)
Luminanz: 0,105

Treasure Island #4A473A

RGB: rgb(74, 71, 58)
HSL: hsl(49, 12%, 26%)
Luminanz: 0,063

Pullman Green #393217

RGB: rgb(57, 50, 23)
HSL: hsl(48, 43%, 16%)
Luminanz: 0,032

Black #000000

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

Kontrast & Barrierefreiheit

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

Aa #CAA982 auf #000000 9,51:1 AAA

Aa #BB9C3B auf #000000 7,93:1 AAA

Aa #CAA982 auf #393217 5,79:1 AA

Aa #8D8472 auf #000000 5,68:1 AA

Aa #B96F2C auf #000000 5,37:1 AA

Aa #BB9C3B auf #393217 4,83:1 AA

Aa #CAA982 auf #4A473A 4,22:1 AA (großer Text)

Aa #856440 auf #000000 3,89:1 AA (großer Text)

Aa #BB9C3B auf #4A473A 3,52:1 AA (großer Text)

Aa #8D8472 auf #393217 3,46:1 AA (großer Text)

Aa #B96F2C auf #393217 3,27:1 AA (großer Text)

Aa #7D5043 auf #000000 3,10:1 AA (großer Text)

Aa #CAA982 auf #7D5043 3,07:1 AA (großer Text)

Aa #BB9C3B auf #7D5043 2,56:1 Nicht bestanden

Aa #8D8472 auf #4A473A 2,52:1 Nicht bestanden

Aa #CAA982 auf #856440 2,44:1 Nicht bestanden

Aa #B96F2C auf #4A473A 2,38:1 Nicht bestanden

Aa #856440 auf #393217 2,37:1 Nicht bestanden

Aa #4A473A auf #000000 2,25:1 Nicht bestanden

Aa #BB9C3B auf #856440 2,04:1 Nicht bestanden

Aa #7D5043 auf #393217 1,89:1 Nicht bestanden

Aa #8D8472 auf #7D5043 1,83:1 Nicht bestanden

Aa #CAA982 auf #B96F2C 1,77:1 Nicht bestanden

Aa #B96F2C auf #7D5043 1,73:1 Nicht bestanden

Aa #856440 auf #4A473A 1,73:1 Nicht bestanden

Aa #CAA982 auf #8D8472 1,68:1 Nicht bestanden

Aa #393217 auf #000000 1,64:1 Nicht bestanden

Aa #BB9C3B auf #B96F2C 1,48:1 Nicht bestanden

Aa #8D8472 auf #856440 1,46:1 Nicht bestanden

Aa #8D8472 auf #BB9C3B 1,40:1 Nicht bestanden

Aa #B96F2C auf #856440 1,38:1 Nicht bestanden

Aa #7D5043 auf #4A473A 1,38:1 Nicht bestanden

Aa #4A473A auf #393217 1,37:1 Nicht bestanden

Aa #856440 auf #7D5043 1,26:1 Nicht bestanden

Aa #CAA982 auf #BB9C3B 1,20:1 Nicht bestanden

Aa #8D8472 auf #B96F2C 1,06:1 Nicht bestanden

TY Forgotten Times 9