Amphibian8

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

Zurück zur Bibliothek

Amphibian8

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

Bearbeiten

Erdig 8 Farben Warm Dunkel Komplementär forest amphibian ground frog

Likes 284

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #171015;
  --c-earthy-2: #332628;
  --c-earthy-3: #633B2C;
  --c-earthy-4: #A67935;
  --c-earthy-5: #A8A743;
  --c-earthy-6: #A7B593;
  --c-earthy-7: #476B42;
  --c-earthy-8: #2A453D;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Family Tree (#A7B593) bis zum dunkelsten Ton Kettle Black (#171015). Sie vereint Kettle Black, Aubergine, Chocolate Escape, Natural Evolution, Delightful Camouflage, Family Tree, Pine Scent und Gable Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #171015 auf #A7B593 mit 8,63: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

Kettle Black #171015

RGB: rgb(23, 16, 21)
HSL: hsl(317, 18%, 8%)
Luminanz: 0,006

Aubergine #332628

RGB: rgb(51, 38, 40)
HSL: hsl(351, 15%, 17%)
Luminanz: 0,022

Chocolate Escape #633B2C

RGB: rgb(99, 59, 44)
HSL: hsl(16, 38%, 28%)
Luminanz: 0,060

Natural Evolution #A67935

RGB: rgb(166, 121, 53)
HSL: hsl(36, 52%, 43%)
Luminanz: 0,220

Delightful Camouflage #A8A743

RGB: rgb(168, 167, 67)
HSL: hsl(59, 43%, 46%)
Luminanz: 0,364

Family Tree #A7B593

RGB: rgb(167, 181, 147)
HSL: hsl(85, 19%, 64%)
Luminanz: 0,434

Pine Scent #476B42

RGB: rgb(71, 107, 66)
HSL: hsl(113, 24%, 34%)
Luminanz: 0,123

Gable Green #2A453D

RGB: rgb(42, 69, 61)
HSL: hsl(162, 24%, 22%)
Luminanz: 0,051

Kontrast & Barrierefreiheit

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

Aa #171015 auf #A7B593 8,63:1 AAA

Aa #171015 auf #A8A743 7,38:1 AAA

Aa #332628 auf #A7B593 6,68:1 AA

Aa #332628 auf #A8A743 5,71:1 AA

Aa #171015 auf #A67935 4,82:1 AA

Aa #A7B593 auf #2A453D 4,80:1 AA

Aa #633B2C auf #A7B593 4,41:1 AA (großer Text)

Aa #A8A743 auf #2A453D 4,10:1 AA (großer Text)

Aa #633B2C auf #A8A743 3,77:1 AA (großer Text)

Aa #332628 auf #A67935 3,73:1 AA (großer Text)

Aa #171015 auf #476B42 3,08:1 AA (großer Text)

Aa #A7B593 auf #476B42 2,80:1 Nicht bestanden

Aa #A67935 auf #2A453D 2,68:1 Nicht bestanden

Aa #633B2C auf #A67935 2,47:1 Nicht bestanden

Aa #A8A743 auf #476B42 2,40:1 Nicht bestanden

Aa #332628 auf #476B42 2,38:1 Nicht bestanden

Aa #171015 auf #633B2C 1,96:1 Nicht bestanden

Aa #171015 auf #2A453D 1,80:1 Nicht bestanden

Aa #A67935 auf #A7B593 1,79:1 Nicht bestanden

Aa #476B42 auf #2A453D 1,71:1 Nicht bestanden

Aa #633B2C auf #476B42 1,57:1 Nicht bestanden

Aa #A67935 auf #476B42 1,57:1 Nicht bestanden

Aa #A67935 auf #A8A743 1,53:1 Nicht bestanden

Aa #332628 auf #633B2C 1,51:1 Nicht bestanden

Aa #332628 auf #2A453D 1,39:1 Nicht bestanden

Aa #171015 auf #332628 1,29:1 Nicht bestanden

Aa #A8A743 auf #A7B593 1,17:1 Nicht bestanden

Aa #633B2C auf #2A453D 1,09:1 Nicht bestanden

Amphibian8

Amphibian8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen