Startseite Farbpaletten TY Forgotten Wasteland 7

TY Forgotten Wasteland 7

Palette mit 7 Farben · Warm · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

TY Forgotten Wasteland 7

Palette mit 7 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 7 Farben Warm Gemischt Komplementär

Likes 16

Farben 7

CSS-Variablen

:root {
  --c-muted-1: #A4BEC1;
  --c-muted-2: #A19D89;
  --c-muted-3: #916850;
  --c-muted-4: #685B57;
  --c-muted-5: #455857;
  --c-muted-6: #3E4436;
  --c-muted-7: #342016;
}

Über diese Palette

Diese gedeckte Palette mit 7 Farben reicht vom hellsten Ton Clear Vista (#A4BEC1) bis zum dunkelsten Ton Scorched (#342016). Sie vereint Clear Vista, Potting Moss, Warm Nutmeg, Manor House, Mariana Trench, Arame Seaweed Green und Scorched in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #A4BEC1 auf #342016 mit 7,85:1.

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

Farben im Detail

Clear Vista #A4BEC1

RGB: rgb(164, 190, 193)
HSL: hsl(186, 19%, 70%)
Luminanz: 0,486

Potting Moss #A19D89

RGB: rgb(161, 157, 137)
HSL: hsl(50, 11%, 58%)
Luminanz: 0,335

Warm Nutmeg #916850

RGB: rgb(145, 104, 80)
HSL: hsl(22, 29%, 44%)
Luminanz: 0,165

Manor House #685B57

RGB: rgb(104, 91, 87)
HSL: hsl(14, 9%, 37%)
Luminanz: 0,111

Mariana Trench #455857

RGB: rgb(69, 88, 87)
HSL: hsl(177, 12%, 31%)
Luminanz: 0,089

Arame Seaweed Green #3E4436

RGB: rgb(62, 68, 54)
HSL: hsl(86, 11%, 24%)
Luminanz: 0,054

Scorched #342016

RGB: rgb(52, 32, 22)
HSL: hsl(20, 41%, 15%)
Luminanz: 0,018

Kontrast & Barrierefreiheit

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

Aa #A4BEC1 auf #342016 7,85:1 AAA

Aa #A19D89 auf #342016 5,64:1 AA

Aa #A4BEC1 auf #3E4436 5,14:1 AA

Aa #A4BEC1 auf #455857 3,84:1 AA (großer Text)

Aa #A19D89 auf #3E4436 3,69:1 AA (großer Text)

Aa #A4BEC1 auf #685B57 3,32:1 AA (großer Text)

Aa #916850 auf #342016 3,15:1 AA (großer Text)

Aa #A19D89 auf #455857 2,76:1 Nicht bestanden

Aa #A4BEC1 auf #916850 2,49:1 Nicht bestanden

Aa #A19D89 auf #685B57 2,39:1 Nicht bestanden

Aa #685B57 auf #342016 2,36:1 Nicht bestanden

Aa #916850 auf #3E4436 2,06:1 Nicht bestanden

Aa #455857 auf #342016 2,04:1 Nicht bestanden

Aa #A19D89 auf #916850 1,79:1 Nicht bestanden

Aa #685B57 auf #3E4436 1,55:1 Nicht bestanden

Aa #916850 auf #455857 1,54:1 Nicht bestanden

Aa #3E4436 auf #342016 1,53:1 Nicht bestanden

Aa #A4BEC1 auf #A19D89 1,39:1 Nicht bestanden

Aa #455857 auf #3E4436 1,34:1 Nicht bestanden

Aa #916850 auf #685B57 1,33:1 Nicht bestanden

Aa #685B57 auf #455857 1,16:1 Nicht bestanden

TY Forgotten Wasteland 7