Startseite Farbpaletten TY Haunted Mansion 10

TY Haunted Mansion 10

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

Zurück zur Bibliothek

TY Haunted Mansion 10

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

Bearbeiten

Erdig 10 Farben Warm Gemischt Analog dark fantasy horror haunted

Likes 18

Farben 10

CSS-Variablen

:root {
  --c-earthy-1: #DECEB4;
  --c-earthy-2: #BFAF81;
  --c-earthy-3: #7B7562;
  --c-earthy-4: #444144;
  --c-earthy-5: #B69173;
  --c-earthy-6: #6D5751;
  --c-earthy-7: #5E362B;
  --c-earthy-8: #877E3A;
  --c-earthy-9: #54432A;
  --c-earthy-10: #2D2F22;
}

Über diese Palette

Diese erdige Palette mit 10 Farben reicht vom hellsten Ton Found Fossil (#DECEB4) bis zum dunkelsten Ton Pine Tree (#2D2F22). Sie vereint Found Fossil, Ecru, Lapwing Grey Green, Ewa, Toasted, Somali Brown, Rusted Crimson, Mossy Meadow, Garden Loam und Pine Tree in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 45. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #DECEB4 auf #2D2F22 mit 8,82: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

Found Fossil #DECEB4

RGB: rgb(222, 206, 180)
HSL: hsl(37, 39%, 79%)
Luminanz: 0,630

Ecru #BFAF81

RGB: rgb(191, 175, 129)
HSL: hsl(45, 33%, 63%)
Luminanz: 0,433

Lapwing Grey Green #7B7562

RGB: rgb(123, 117, 98)
HSL: hsl(46, 11%, 43%)
Luminanz: 0,178

Ewa #444144

RGB: rgb(68, 65, 68)
HSL: hsl(300, 2%, 26%)
Luminanz: 0,054

Toasted #B69173

RGB: rgb(182, 145, 115)
HSL: hsl(27, 31%, 58%)
Luminanz: 0,314

Somali Brown #6D5751

RGB: rgb(109, 87, 81)
HSL: hsl(13, 15%, 37%)
Luminanz: 0,107

Rusted Crimson #5E362B

RGB: rgb(94, 54, 43)
HSL: hsl(13, 37%, 27%)
Luminanz: 0,052

Mossy Meadow #877E3A

RGB: rgb(135, 126, 58)
HSL: hsl(53, 40%, 38%)
Luminanz: 0,204

Garden Loam #54432A

RGB: rgb(84, 67, 42)
HSL: hsl(36, 33%, 25%)
Luminanz: 0,061

Pine Tree #2D2F22

RGB: rgb(45, 47, 34)
HSL: hsl(69, 16%, 16%)
Luminanz: 0,027

Kontrast & Barrierefreiheit

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

Aa #DECEB4 auf #2D2F22 8,82:1 AAA

Aa #DECEB4 auf #5E362B 6,67:1 AA

Aa #DECEB4 auf #444144 6,52:1 AA

Aa #BFAF81 auf #2D2F22 6,27:1 AA

Aa #DECEB4 auf #54432A 6,14:1 AA

Aa #BFAF81 auf #5E362B 4,74:1 AA

Aa #B69173 auf #2D2F22 4,73:1 AA

Aa #BFAF81 auf #444144 4,63:1 AA

Aa #BFAF81 auf #54432A 4,37:1 AA (großer Text)

Aa #DECEB4 auf #6D5751 4,34:1 AA (großer Text)

Aa #B69173 auf #5E362B 3,57:1 AA (großer Text)

Aa #444144 auf #B69173 3,49:1 AA (großer Text)

Aa #B69173 auf #54432A 3,29:1 AA (großer Text)

Aa #877E3A auf #2D2F22 3,29:1 AA (großer Text)

Aa #BFAF81 auf #6D5751 3,09:1 AA (großer Text)

Aa #DECEB4 auf #7B7562 2,98:1 Nicht bestanden

Aa #7B7562 auf #2D2F22 2,96:1 Nicht bestanden

Aa #DECEB4 auf #877E3A 2,68:1 Nicht bestanden

Aa #5E362B auf #877E3A 2,49:1 Nicht bestanden

Aa #444144 auf #877E3A 2,43:1 Nicht bestanden

Aa #B69173 auf #6D5751 2,33:1 Nicht bestanden

Aa #877E3A auf #54432A 2,29:1 Nicht bestanden

Aa #7B7562 auf #5E362B 2,24:1 Nicht bestanden

Aa #7B7562 auf #444144 2,19:1 Nicht bestanden

Aa #BFAF81 auf #7B7562 2,12:1 Nicht bestanden

Aa #7B7562 auf #54432A 2,06:1 Nicht bestanden

Aa #6D5751 auf #2D2F22 2,03:1 Nicht bestanden

Aa #BFAF81 auf #877E3A 1,90:1 Nicht bestanden

Aa #DECEB4 auf #B69173 1,87:1 Nicht bestanden

Aa #6D5751 auf #877E3A 1,62:1 Nicht bestanden

Aa #7B7562 auf #B69173 1,60:1 Nicht bestanden

Aa #6D5751 auf #5E362B 1,54:1 Nicht bestanden

Aa #444144 auf #6D5751 1,50:1 Nicht bestanden

Aa #7B7562 auf #6D5751 1,46:1 Nicht bestanden

Aa #B69173 auf #877E3A 1,44:1 Nicht bestanden

Aa #54432A auf #2D2F22 1,44:1 Nicht bestanden

Aa #6D5751 auf #54432A 1,42:1 Nicht bestanden

Aa #DECEB4 auf #BFAF81 1,41:1 Nicht bestanden

Aa #444144 auf #2D2F22 1,35:1 Nicht bestanden

Aa #BFAF81 auf #B69173 1,33:1 Nicht bestanden

Aa #5E362B auf #2D2F22 1,32:1 Nicht bestanden

Aa #7B7562 auf #877E3A 1,11:1 Nicht bestanden

Aa #5E362B auf #54432A 1,09:1 Nicht bestanden

Aa #444144 auf #54432A 1,06:1 Nicht bestanden

Aa #444144 auf #5E362B 1,02:1 Nicht bestanden

TY Haunted Mansion 10