Startseite Farbpaletten TY Seed Of Despair 10

TY Seed Of Despair 10

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

Zurück zur Bibliothek

TY Seed Of Despair 10

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

Bearbeiten

Gedeckt 10 Farben Warm Gemischt Analog

Likes 12

Farben 10

CSS-Variablen

:root {
  --c-muted-1: #A7A27B;
  --c-muted-2: #AC815F;
  --c-muted-3: #877567;
  --c-muted-4: #6E643F;
  --c-muted-5: #5E4A40;
  --c-muted-6: #7F8D8B;
  --c-muted-7: #828755;
  --c-muted-8: #72725F;
  --c-muted-9: #524658;
  --c-muted-10: #47534B;
}

Über diese Palette

Diese gedeckte Palette mit 10 Farben reicht vom hellsten Ton Hillary (#A7A27B) bis zum dunkelsten Ton Midnight Affair (#524658). Sie vereint Hillary, Sylvaneth Bark, Pine Bark, Bronze Medal, Chocolate Therapy, Gunmetal Grey, Iguana, Organic, Midnight Affair und Huntington Woods in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 45 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Hillary #A7A27B

RGB: rgb(167, 162, 123)
HSL: hsl(53, 20%, 57%)
Luminanz: 0,355

Sylvaneth Bark #AC815F

RGB: rgb(172, 129, 95)
HSL: hsl(26, 32%, 52%)
Luminanz: 0,253

Pine Bark #877567

RGB: rgb(135, 117, 103)
HSL: hsl(26, 13%, 47%)
Luminanz: 0,189

Bronze Medal #6E643F

RGB: rgb(110, 100, 63)
HSL: hsl(47, 27%, 34%)
Luminanz: 0,128

Chocolate Therapy #5E4A40

RGB: rgb(94, 74, 64)
HSL: hsl(20, 19%, 31%)
Luminanz: 0,077

Gunmetal Grey #7F8D8B

RGB: rgb(127, 141, 139)
HSL: hsl(171, 6%, 53%)
Luminanz: 0,254

Iguana #828755

RGB: rgb(130, 135, 85)
HSL: hsl(66, 23%, 43%)
Luminanz: 0,227

Organic #72725F

RGB: rgb(114, 114, 95)
HSL: hsl(60, 9%, 41%)
Luminanz: 0,164

Midnight Affair #524658

RGB: rgb(82, 70, 88)
HSL: hsl(280, 11%, 31%)
Luminanz: 0,069

Huntington Woods #47534B

RGB: rgb(71, 83, 75)
HSL: hsl(140, 8%, 30%)
Luminanz: 0,080

Kontrast & Barrierefreiheit

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

Aa #A7A27B auf #524658 3,41:1 AA (großer Text)

Aa #A7A27B auf #5E4A40 3,20:1 AA (großer Text)

Aa #A7A27B auf #47534B 3,11:1 AA (großer Text)

Aa #7F8D8B auf #524658 2,56:1 Nicht bestanden

Aa #AC815F auf #524658 2,55:1 Nicht bestanden

Aa #5E4A40 auf #7F8D8B 2,41:1 Nicht bestanden

Aa #AC815F auf #5E4A40 2,40:1 Nicht bestanden

Aa #7F8D8B auf #47534B 2,33:1 Nicht bestanden

Aa #828755 auf #524658 2,33:1 Nicht bestanden

Aa #AC815F auf #47534B 2,32:1 Nicht bestanden

Aa #A7A27B auf #6E643F 2,28:1 Nicht bestanden

Aa #5E4A40 auf #828755 2,19:1 Nicht bestanden

Aa #828755 auf #47534B 2,13:1 Nicht bestanden

Aa #877567 auf #524658 2,01:1 Nicht bestanden

Aa #A7A27B auf #72725F 1,89:1 Nicht bestanden

Aa #877567 auf #5E4A40 1,89:1 Nicht bestanden

Aa #877567 auf #47534B 1,83:1 Nicht bestanden

Aa #72725F auf #524658 1,80:1 Nicht bestanden

Aa #6E643F auf #7F8D8B 1,71:1 Nicht bestanden

Aa #A7A27B auf #877567 1,70:1 Nicht bestanden

Aa #AC815F auf #6E643F 1,70:1 Nicht bestanden

Aa #5E4A40 auf #72725F 1,70:1 Nicht bestanden

Aa #72725F auf #47534B 1,64:1 Nicht bestanden

Aa #6E643F auf #828755 1,56:1 Nicht bestanden

Aa #6E643F auf #524658 1,50:1 Nicht bestanden

Aa #A7A27B auf #828755 1,46:1 Nicht bestanden

Aa #7F8D8B auf #72725F 1,42:1 Nicht bestanden

Aa #AC815F auf #72725F 1,41:1 Nicht bestanden

Aa #6E643F auf #5E4A40 1,41:1 Nicht bestanden

Aa #6E643F auf #47534B 1,36:1 Nicht bestanden

Aa #A7A27B auf #AC815F 1,34:1 Nicht bestanden

Aa #877567 auf #6E643F 1,34:1 Nicht bestanden

Aa #A7A27B auf #7F8D8B 1,33:1 Nicht bestanden

Aa #828755 auf #72725F 1,29:1 Nicht bestanden

Aa #877567 auf #7F8D8B 1,28:1 Nicht bestanden

Aa #AC815F auf #877567 1,27:1 Nicht bestanden

Aa #6E643F auf #72725F 1,21:1 Nicht bestanden

Aa #877567 auf #828755 1,16:1 Nicht bestanden

Aa #877567 auf #72725F 1,11:1 Nicht bestanden

Aa #7F8D8B auf #828755 1,10:1 Nicht bestanden

Aa #524658 auf #47534B 1,10:1 Nicht bestanden

Aa #AC815F auf #828755 1,09:1 Nicht bestanden

Aa #5E4A40 auf #524658 1,06:1 Nicht bestanden

Aa #5E4A40 auf #47534B 1,03:1 Nicht bestanden

Aa #AC815F auf #7F8D8B 1,00:1 Nicht bestanden

TY Seed Of Despair 10