Armor 8

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

Zurück zur Bibliothek

Armor 8

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär artist retrosaur

Likes 27

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #181819;
  --c-earthy-2: #857D7D;
  --c-earthy-3: #F6F6F5;
  --c-earthy-4: #444D8E;
  --c-earthy-5: #463737;
  --c-earthy-6: #AA3D33;
  --c-earthy-7: #E9B370;
  --c-earthy-8: #4A9042;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton White Smoke (#F6F6F5) bis zum dunkelsten Ton Thamar Black (#181819). Sie vereint Thamar Black, Sensuous Grey, White Smoke, Merlin’s Robe, Noblesse Oblige, Chocolate Chilli, Pyramid Gold und May Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #181819 auf #F6F6F5 mit 16,41: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

Thamar Black #181819

RGB: rgb(24, 24, 25)
HSL: hsl(240, 2%, 10%)
Luminanz: 0,009

Sensuous Grey #857D7D

RGB: rgb(133, 125, 125)
HSL: hsl(0, 3%, 51%)
Luminanz: 0,211

White Smoke #F6F6F5

RGB: rgb(246, 246, 245)
HSL: hsl(60, 5%, 96%)
Luminanz: 0,921

Merlin’s Robe #444D8E

RGB: rgb(68, 77, 142)
HSL: hsl(233, 35%, 41%)
Luminanz: 0,085

Noblesse Oblige #463737

RGB: rgb(70, 55, 55)
HSL: hsl(0, 12%, 25%)
Luminanz: 0,043

Chocolate Chilli #AA3D33

RGB: rgb(170, 61, 51)
HSL: hsl(5, 54%, 43%)
Luminanz: 0,121

Pyramid Gold #E9B370

RGB: rgb(233, 179, 112)
HSL: hsl(33, 73%, 68%)
Luminanz: 0,507

May Green #4A9042

RGB: rgb(74, 144, 66)
HSL: hsl(114, 37%, 41%)
Luminanz: 0,218

Kontrast & Barrierefreiheit

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

Aa #181819 auf #F6F6F5 16,41:1 AAA

Aa #F6F6F5 auf #463737 10,43:1 AAA

Aa #181819 auf #E9B370 9,42:1 AAA

Aa #F6F6F5 auf #444D8E 7,20:1 AAA

Aa #463737 auf #E9B370 5,99:1 AA

Aa #F6F6F5 auf #AA3D33 5,67:1 AA

Aa #181819 auf #4A9042 4,53:1 AA

Aa #181819 auf #857D7D 4,42:1 AA (großer Text)

Aa #444D8E auf #E9B370 4,13:1 AA (großer Text)

Aa #857D7D auf #F6F6F5 3,72:1 AA (großer Text)

Aa #F6F6F5 auf #4A9042 3,62:1 AA (großer Text)

Aa #AA3D33 auf #E9B370 3,25:1 AA (großer Text)

Aa #181819 auf #AA3D33 2,89:1 Nicht bestanden

Aa #463737 auf #4A9042 2,88:1 Nicht bestanden

Aa #857D7D auf #463737 2,81:1 Nicht bestanden

Aa #181819 auf #444D8E 2,28:1 Nicht bestanden

Aa #857D7D auf #E9B370 2,13:1 Nicht bestanden

Aa #E9B370 auf #4A9042 2,08:1 Nicht bestanden

Aa #444D8E auf #4A9042 1,99:1 Nicht bestanden

Aa #857D7D auf #444D8E 1,94:1 Nicht bestanden

Aa #463737 auf #AA3D33 1,84:1 Nicht bestanden

Aa #F6F6F5 auf #E9B370 1,74:1 Nicht bestanden

Aa #181819 auf #463737 1,57:1 Nicht bestanden

Aa #AA3D33 auf #4A9042 1,56:1 Nicht bestanden

Aa #857D7D auf #AA3D33 1,53:1 Nicht bestanden

Aa #444D8E auf #463737 1,45:1 Nicht bestanden

Aa #444D8E auf #AA3D33 1,27:1 Nicht bestanden

Aa #857D7D auf #4A9042 1,03:1 Nicht bestanden

Armor 8

Armor 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen