Startseite Farbpaletten Halloween Palette

Halloween Palette

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

Zurück zur Bibliothek

Halloween Palette

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

Bearbeiten

Erdig 7 Farben Warm Dunkel Komplementär spooky calm halloween

Likes 219

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #171318;
  --c-earthy-2: #291B17;
  --c-earthy-3: #3B1D36;
  --c-earthy-4: #583639;
  --c-earthy-5: #59584D;
  --c-earthy-6: #998B74;
  --c-earthy-7: #A2A3DC;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Simply Violet (#A2A3DC) bis zum dunkelsten Ton Dark Void (#171318). Sie vereint Dark Void, Tetsu-Guro Black, Sitter Red, Dark Drama, Windgate Hill, Peat Swamp Forest und Simply Violet 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 #171318 auf #A2A3DC mit 7,71: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 Void #171318

RGB: rgb(23, 19, 24)
HSL: hsl(288, 12%, 8%)
Luminanz: 0,007

Tetsu-Guro Black #291B17

RGB: rgb(41, 27, 23)
HSL: hsl(13, 28%, 13%)
Luminanz: 0,013

Sitter Red #3B1D36

RGB: rgb(59, 29, 54)
HSL: hsl(310, 34%, 17%)
Luminanz: 0,021

Dark Drama #583639

RGB: rgb(88, 54, 57)
HSL: hsl(355, 24%, 28%)
Luminanz: 0,050

Windgate Hill #59584D

RGB: rgb(89, 88, 77)
HSL: hsl(55, 7%, 33%)
Luminanz: 0,096

Peat Swamp Forest #998B74

RGB: rgb(153, 139, 116)
HSL: hsl(37, 15%, 53%)
Luminanz: 0,265

Simply Violet #A2A3DC

RGB: rgb(162, 163, 220)
HSL: hsl(239, 45%, 75%)
Luminanz: 0,390

Kontrast & Barrierefreiheit

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

Aa #171318 auf #A2A3DC 7,71:1 AAA

Aa #291B17 auf #A2A3DC 6,97:1 AA

Aa #3B1D36 auf #A2A3DC 6,23:1 AA

Aa #171318 auf #998B74 5,51:1 AA

Aa #291B17 auf #998B74 4,99:1 AA

Aa #3B1D36 auf #998B74 4,45:1 AA (großer Text)

Aa #583639 auf #A2A3DC 4,40:1 AA (großer Text)

Aa #583639 auf #998B74 3,15:1 AA (großer Text)

Aa #59584D auf #A2A3DC 3,01:1 AA (großer Text)

Aa #171318 auf #59584D 2,56:1 Nicht bestanden

Aa #291B17 auf #59584D 2,32:1 Nicht bestanden

Aa #59584D auf #998B74 2,15:1 Nicht bestanden

Aa #3B1D36 auf #59584D 2,07:1 Nicht bestanden

Aa #171318 auf #583639 1,75:1 Nicht bestanden

Aa #291B17 auf #583639 1,58:1 Nicht bestanden

Aa #583639 auf #59584D 1,46:1 Nicht bestanden

Aa #3B1D36 auf #583639 1,41:1 Nicht bestanden

Aa #998B74 auf #A2A3DC 1,40:1 Nicht bestanden

Aa #171318 auf #3B1D36 1,24:1 Nicht bestanden

Aa #291B17 auf #3B1D36 1,12:1 Nicht bestanden

Aa #171318 auf #291B17 1,11:1 Nicht bestanden

Halloween Palette