Startseite Farbpaletten TY Legend Of The Loop 7

TY Legend Of The Loop 7

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

Zurück zur Bibliothek

TY Legend Of The Loop 7

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

Bearbeiten

Erdig 7 Farben Neutral Gemischt Komplementär loophero hero loop

Likes 10

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #A4BEC1;
  --c-earthy-2: #9FA089;
  --c-earthy-3: #726D66;
  --c-earthy-4: #493A39;
  --c-earthy-5: #815938;
  --c-earthy-6: #602217;
  --c-earthy-7: #1C2134;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Clear Vista (#A4BEC1) bis zum dunkelsten Ton Eclipse Elixir (#1C2134). Sie vereint Clear Vista, Potting Moss, Ironside Grey, Warm Operator’s Overalls, Football, Brown Moelleux und Eclipse Elixir in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #A4BEC1 auf #1C2134 mit 8,14: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

Clear Vista #A4BEC1

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

Potting Moss #9FA089

RGB: rgb(159, 160, 137)
HSL: hsl(63, 11%, 58%)
Luminanz: 0,343

Ironside Grey #726D66

RGB: rgb(114, 109, 102)
HSL: hsl(35, 6%, 42%)
Luminanz: 0,155

Warm Operator’s Overalls #493A39

RGB: rgb(73, 58, 57)
HSL: hsl(4, 12%, 25%)
Luminanz: 0,047

Football #815938

RGB: rgb(129, 89, 56)
HSL: hsl(27, 39%, 36%)
Luminanz: 0,121

Brown Moelleux #602217

RGB: rgb(96, 34, 23)
HSL: hsl(9, 61%, 23%)
Luminanz: 0,037

Eclipse Elixir #1C2134

RGB: rgb(28, 33, 52)
HSL: hsl(228, 30%, 16%)
Luminanz: 0,016

Kontrast & Barrierefreiheit

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

Aa #A4BEC1 auf #1C2134 8,14:1 AAA

Aa #A4BEC1 auf #602217 6,16:1 AA

Aa #9FA089 auf #1C2134 5,97:1 AA

Aa #A4BEC1 auf #493A39 5,50:1 AA

Aa #9FA089 auf #602217 4,52:1 AA

Aa #9FA089 auf #493A39 4,04:1 AA (großer Text)

Aa #A4BEC1 auf #815938 3,13:1 AA (großer Text)

Aa #726D66 auf #1C2134 3,11:1 AA (großer Text)

Aa #A4BEC1 auf #726D66 2,62:1 Nicht bestanden

Aa #815938 auf #1C2134 2,60:1 Nicht bestanden

Aa #726D66 auf #602217 2,36:1 Nicht bestanden

Aa #9FA089 auf #815938 2,30:1 Nicht bestanden

Aa #726D66 auf #493A39 2,10:1 Nicht bestanden

Aa #815938 auf #602217 1,97:1 Nicht bestanden

Aa #9FA089 auf #726D66 1,92:1 Nicht bestanden

Aa #493A39 auf #815938 1,76:1 Nicht bestanden

Aa #493A39 auf #1C2134 1,48:1 Nicht bestanden

Aa #A4BEC1 auf #9FA089 1,36:1 Nicht bestanden

Aa #602217 auf #1C2134 1,32:1 Nicht bestanden

Aa #726D66 auf #815938 1,20:1 Nicht bestanden

Aa #493A39 auf #602217 1,12:1 Nicht bestanden

TY Legend Of The Loop 7