DEAD ANGEL

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

Zurück zur Bibliothek

DEAD ANGEL

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

Bearbeiten

Erdig 12 Farben Warm Gemischt Komplementär contrast 12 dead modern

Likes 37

Farben 12

CSS-Variablen

:root {
  --c-earthy-1: #050505;
  --c-earthy-2: #271B30;
  --c-earthy-3: #3E1A49;
  --c-earthy-4: #5124C4;
  --c-earthy-5: #646D93;
  --c-earthy-6: #FFA266;
  --c-earthy-7: #DC612F;
  --c-earthy-8: #C84249;
  --c-earthy-9: #8B2459;
  --c-earthy-10: #FFFFFF;
  --c-earthy-11: #81A194;
  --c-earthy-12: #527259;
}

Über diese Palette

Diese erdige Palette mit 12 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black Metal (#050505). Sie vereint Black Metal, Black Howl, Obsidian Orchid, Blue Purple, Wild Wisteria, Peach Cobbler, Full of Life, Whiplash, Dark Raspberry, White, Australian Jade und Green Valley in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 66. Davon erreichen 16 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #050505 auf #FFFFFF mit 20,38: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

Black Metal #050505

RGB: rgb(5, 5, 5)
HSL: hsl(0, 0%, 2%)
Luminanz: 0,002

Black Howl #271B30

RGB: rgb(39, 27, 48)
HSL: hsl(274, 28%, 15%)
Luminanz: 0,014

Obsidian Orchid #3E1A49

RGB: rgb(62, 26, 73)
HSL: hsl(286, 47%, 19%)
Luminanz: 0,022

Blue Purple #5124C4

RGB: rgb(81, 36, 196)
HSL: hsl(257, 69%, 45%)
Luminanz: 0,070

Wild Wisteria #646D93

RGB: rgb(100, 109, 147)
HSL: hsl(229, 19%, 48%)
Luminanz: 0,158

Peach Cobbler #FFA266

RGB: rgb(255, 162, 102)
HSL: hsl(24, 100%, 70%)
Luminanz: 0,481

Full of Life #DC612F

RGB: rgb(220, 97, 47)
HSL: hsl(17, 71%, 52%)
Luminanz: 0,240

Whiplash #C84249

RGB: rgb(200, 66, 73)
HSL: hsl(357, 55%, 52%)
Luminanz: 0,167

Dark Raspberry #8B2459

RGB: rgb(139, 36, 89)
HSL: hsl(329, 59%, 34%)
Luminanz: 0,075

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminanz: 1,000

Australian Jade #81A194

RGB: rgb(129, 161, 148)
HSL: hsl(156, 15%, 57%)
Luminanz: 0,323

Green Valley #527259

RGB: rgb(82, 114, 89)
HSL: hsl(133, 16%, 38%)
Luminanz: 0,146

Kontrast & Barrierefreiheit

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

Aa #050505 auf #FFFFFF 20,38:1 AAA

Aa #271B30 auf #FFFFFF 16,33:1 AAA

Aa #3E1A49 auf #FFFFFF 14,49:1 AAA

Aa #050505 auf #FFA266 10,30:1 AAA

Aa #5124C4 auf #FFFFFF 8,75:1 AAA

Aa #8B2459 auf #FFFFFF 8,42:1 AAA

Aa #271B30 auf #FFA266 8,25:1 AAA

Aa #3E1A49 auf #FFA266 7,32:1 AAA

Aa #050505 auf #81A194 7,24:1 AAA

Aa #271B30 auf #81A194 5,80:1 AA

Aa #050505 auf #DC612F 5,62:1 AA

Aa #FFFFFF auf #527259 5,37:1 AA

Aa #3E1A49 auf #81A194 5,15:1 AA

Aa #646D93 auf #FFFFFF 5,06:1 AA

Aa #C84249 auf #FFFFFF 4,85:1 AA

Aa #271B30 auf #DC612F 4,51:1 AA

Aa #5124C4 auf #FFA266 4,42:1 AA (großer Text)

Aa #FFA266 auf #8B2459 4,25:1 AA (großer Text)

Aa #050505 auf #C84249 4,20:1 AA (großer Text)

Aa #050505 auf #646D93 4,03:1 AA (großer Text)

Aa #3E1A49 auf #DC612F 4,00:1 AA (großer Text)

Aa #050505 auf #527259 3,79:1 AA (großer Text)

Aa #DC612F auf #FFFFFF 3,62:1 AA (großer Text)

Aa #271B30 auf #C84249 3,37:1 AA (großer Text)

Aa #271B30 auf #646D93 3,23:1 AA (großer Text)

Aa #5124C4 auf #81A194 3,11:1 AA (großer Text)

Aa #271B30 auf #527259 3,04:1 AA (großer Text)

Aa #3E1A49 auf #C84249 2,99:1 Nicht bestanden

Aa #8B2459 auf #81A194 2,99:1 Nicht bestanden

Aa #3E1A49 auf #646D93 2,86:1 Nicht bestanden

Aa #FFFFFF auf #81A194 2,82:1 Nicht bestanden

Aa #FFA266 auf #527259 2,71:1 Nicht bestanden

Aa #3E1A49 auf #527259 2,70:1 Nicht bestanden

Aa #646D93 auf #FFA266 2,56:1 Nicht bestanden

Aa #FFA266 auf #C84249 2,45:1 Nicht bestanden

Aa #050505 auf #8B2459 2,42:1 Nicht bestanden

Aa #5124C4 auf #DC612F 2,41:1 Nicht bestanden

Aa #050505 auf #5124C4 2,33:1 Nicht bestanden

Aa #DC612F auf #8B2459 2,32:1 Nicht bestanden

Aa #FFA266 auf #FFFFFF 1,98:1 Nicht bestanden

Aa #271B30 auf #8B2459 1,94:1 Nicht bestanden

Aa #81A194 auf #527259 1,91:1 Nicht bestanden

Aa #271B30 auf #5124C4 1,87:1 Nicht bestanden

Aa #FFA266 auf #DC612F 1,83:1 Nicht bestanden

Aa #5124C4 auf #C84249 1,81:1 Nicht bestanden

Aa #646D93 auf #81A194 1,80:1 Nicht bestanden

Aa #C84249 auf #8B2459 1,74:1 Nicht bestanden

Aa #5124C4 auf #646D93 1,73:1 Nicht bestanden

Aa #3E1A49 auf #8B2459 1,72:1 Nicht bestanden

Aa #C84249 auf #81A194 1,72:1 Nicht bestanden

Aa #3E1A49 auf #5124C4 1,66:1 Nicht bestanden

Aa #646D93 auf #8B2459 1,66:1 Nicht bestanden

Aa #5124C4 auf #527259 1,63:1 Nicht bestanden

Aa #8B2459 auf #527259 1,57:1 Nicht bestanden

Aa #DC612F auf #527259 1,48:1 Nicht bestanden

Aa #FFA266 auf #81A194 1,42:1 Nicht bestanden

Aa #050505 auf #3E1A49 1,41:1 Nicht bestanden

Aa #646D93 auf #DC612F 1,40:1 Nicht bestanden

Aa #DC612F auf #C84249 1,34:1 Nicht bestanden

Aa #DC612F auf #81A194 1,29:1 Nicht bestanden

Aa #050505 auf #271B30 1,25:1 Nicht bestanden

Aa #271B30 auf #3E1A49 1,13:1 Nicht bestanden

Aa #C84249 auf #527259 1,11:1 Nicht bestanden

Aa #646D93 auf #527259 1,06:1 Nicht bestanden

Aa #5124C4 auf #8B2459 1,04:1 Nicht bestanden

Aa #646D93 auf #C84249 1,04:1 Nicht bestanden

DEAD ANGEL

DEAD ANGEL

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen