Sepia6

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

Zurück zur Bibliothek

Sepia6

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

Bearbeiten

Erdig 6 Farben Warm Gemischt Analog old sepia western

Likes 159

Farben 6

CSS-Variablen

:root {
  --c-earthy-1: #212529;
  --c-earthy-2: #614750;
  --c-earthy-3: #8C5C47;
  --c-earthy-4: #B47D58;
  --c-earthy-5: #D9B77E;
  --c-earthy-6: #EAD9A7;
}

Über diese Palette

Diese erdige Palette mit 6 Farben reicht vom hellsten Ton Sidecar (#EAD9A7) bis zum dunkelsten Ton Dark Gunmetal (#212529). Sie vereint Dark Gunmetal, Gǔ Tóng Hēi Copper, Artisan, Pastry Shell, Brik Dough und Sidecar in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #212529 auf #EAD9A7 mit 11,01: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

Dark Gunmetal #212529

RGB: rgb(33, 37, 41)
HSL: hsl(210, 11%, 15%)
Luminanz: 0,018

Gǔ Tóng Hēi Copper #614750

RGB: rgb(97, 71, 80)
HSL: hsl(339, 15%, 33%)
Luminanz: 0,076

Artisan #8C5C47

RGB: rgb(140, 92, 71)
HSL: hsl(18, 33%, 41%)
Luminanz: 0,137

Pastry Shell #B47D58

RGB: rgb(180, 125, 88)
HSL: hsl(24, 38%, 53%)
Luminanz: 0,251

Brik Dough #D9B77E

RGB: rgb(217, 183, 126)
HSL: hsl(38, 54%, 67%)
Luminanz: 0,501

Sidecar #EAD9A7

RGB: rgb(234, 217, 167)
HSL: hsl(45, 61%, 79%)
Luminanz: 0,699

Kontrast & Barrierefreiheit

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

Aa #212529 auf #EAD9A7 11,01:1 AAA

Aa #212529 auf #D9B77E 8,10:1 AAA

Aa #614750 auf #EAD9A7 5,93:1 AA

Aa #212529 auf #B47D58 4,42:1 AA (großer Text)

Aa #614750 auf #D9B77E 4,37:1 AA (großer Text)

Aa #8C5C47 auf #EAD9A7 4,01:1 AA (großer Text)

Aa #8C5C47 auf #D9B77E 2,95:1 Nicht bestanden

Aa #212529 auf #8C5C47 2,75:1 Nicht bestanden

Aa #B47D58 auf #EAD9A7 2,49:1 Nicht bestanden

Aa #614750 auf #B47D58 2,38:1 Nicht bestanden

Aa #212529 auf #614750 1,86:1 Nicht bestanden

Aa #B47D58 auf #D9B77E 1,83:1 Nicht bestanden

Aa #8C5C47 auf #B47D58 1,61:1 Nicht bestanden

Aa #614750 auf #8C5C47 1,48:1 Nicht bestanden

Aa #D9B77E auf #EAD9A7 1,36:1 Nicht bestanden

Sepia6

Sepia6

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen