Startseite Farbpaletten TY Monster Dungeons 11

TY Monster Dungeons 11

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

Zurück zur Bibliothek

TY Monster Dungeons 11

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

Bearbeiten

Erdig 11 Farben Warm Gemischt Komplementär monster game rpg dungeon

Likes 13

Farben 11

CSS-Variablen

:root {
  --c-earthy-1: #8FBFD5;
  --c-earthy-2: #8385CF;
  --c-earthy-3: #7655A2;
  --c-earthy-4: #313A91;
  --c-earthy-5: #CD9373;
  --c-earthy-6: #B14863;
  --c-earthy-7: #913131;
  --c-earthy-8: #EDE6C8;
  --c-earthy-9: #808078;
  --c-earthy-10: #485454;
  --c-earthy-11: #373A3E;
}

Über diese Palette

Diese erdige Palette mit 11 Farben reicht vom hellsten Ton Button Mushroom (#EDE6C8) bis zum dunkelsten Ton Artist’s Charcoal (#373A3E). Sie vereint Speedboat, True Lavender, Sumire Violet, Liquid Denim, Feldspar, Gala Pink, Ripasso, Button Mushroom, Porcelain Shale, Slate Court und Artist’s Charcoal in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 55. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #EDE6C8 auf #373A3E mit 9,12: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

Speedboat #8FBFD5

RGB: rgb(143, 191, 213)
HSL: hsl(199, 45%, 70%)
Luminanz: 0,479

True Lavender #8385CF

RGB: rgb(131, 133, 207)
HSL: hsl(238, 44%, 66%)
Luminanz: 0,261

Sumire Violet #7655A2

RGB: rgb(118, 85, 162)
HSL: hsl(266, 31%, 48%)
Luminanz: 0,130

Liquid Denim #313A91

RGB: rgb(49, 58, 145)
HSL: hsl(234, 49%, 38%)
Luminanz: 0,057

Feldspar #CD9373

RGB: rgb(205, 147, 115)
HSL: hsl(21, 47%, 63%)
Luminanz: 0,351

Gala Pink #B14863

RGB: rgb(177, 72, 99)
HSL: hsl(345, 42%, 49%)
Luminanz: 0,149

Ripasso #913131

RGB: rgb(145, 49, 49)
HSL: hsl(0, 49%, 38%)
Luminanz: 0,084

Button Mushroom #EDE6C8

RGB: rgb(237, 230, 200)
HSL: hsl(49, 51%, 86%)
Luminanz: 0,788

Porcelain Shale #808078

RGB: rgb(128, 128, 120)
HSL: hsl(60, 3%, 49%)
Luminanz: 0,214

Slate Court #485454

RGB: rgb(72, 84, 84)
HSL: hsl(180, 8%, 31%)
Luminanz: 0,084

Artist’s Charcoal #373A3E

RGB: rgb(55, 58, 62)
HSL: hsl(214, 6%, 23%)
Luminanz: 0,042

Kontrast & Barrierefreiheit

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

Aa #EDE6C8 auf #373A3E 9,12:1 AAA

Aa #313A91 auf #EDE6C8 7,81:1 AAA

Aa #EDE6C8 auf #485454 6,27:1 AA

Aa #913131 auf #EDE6C8 6,23:1 AA

Aa #8FBFD5 auf #373A3E 5,76:1 AA

Aa #8FBFD5 auf #313A91 4,93:1 AA

Aa #7655A2 auf #EDE6C8 4,66:1 AA

Aa #CD9373 auf #373A3E 4,36:1 AA (großer Text)

Aa #B14863 auf #EDE6C8 4,21:1 AA (großer Text)

Aa #8FBFD5 auf #485454 3,96:1 AA (großer Text)

Aa #8FBFD5 auf #913131 3,94:1 AA (großer Text)

Aa #313A91 auf #CD9373 3,74:1 AA (großer Text)

Aa #8385CF auf #373A3E 3,39:1 AA (großer Text)

Aa #EDE6C8 auf #808078 3,18:1 AA (großer Text)

Aa #CD9373 auf #485454 3,00:1 AA (großer Text)

Aa #CD9373 auf #913131 2,98:1 Nicht bestanden

Aa #8FBFD5 auf #7655A2 2,95:1 Nicht bestanden

Aa #8385CF auf #313A91 2,90:1 Nicht bestanden

Aa #808078 auf #373A3E 2,87:1 Nicht bestanden

Aa #8385CF auf #EDE6C8 2,69:1 Nicht bestanden

Aa #8FBFD5 auf #B14863 2,66:1 Nicht bestanden

Aa #313A91 auf #808078 2,46:1 Nicht bestanden

Aa #8385CF auf #485454 2,33:1 Nicht bestanden

Aa #8385CF auf #913131 2,31:1 Nicht bestanden

Aa #7655A2 auf #CD9373 2,23:1 Nicht bestanden

Aa #B14863 auf #373A3E 2,16:1 Nicht bestanden

Aa #CD9373 auf #EDE6C8 2,09:1 Nicht bestanden

Aa #CD9373 auf #B14863 2,02:1 Nicht bestanden

Aa #8FBFD5 auf #808078 2,01:1 Nicht bestanden

Aa #808078 auf #485454 1,98:1 Nicht bestanden

Aa #913131 auf #808078 1,96:1 Nicht bestanden

Aa #7655A2 auf #373A3E 1,95:1 Nicht bestanden

Aa #313A91 auf #B14863 1,85:1 Nicht bestanden

Aa #8385CF auf #7655A2 1,73:1 Nicht bestanden

Aa #8FBFD5 auf #8385CF 1,70:1 Nicht bestanden

Aa #7655A2 auf #313A91 1,67:1 Nicht bestanden

Aa #8FBFD5 auf #EDE6C8 1,58:1 Nicht bestanden

Aa #8385CF auf #B14863 1,56:1 Nicht bestanden

Aa #CD9373 auf #808078 1,52:1 Nicht bestanden

Aa #B14863 auf #485454 1,49:1 Nicht bestanden

Aa #B14863 auf #913131 1,48:1 Nicht bestanden

Aa #7655A2 auf #808078 1,47:1 Nicht bestanden

Aa #913131 auf #373A3E 1,46:1 Nicht bestanden

Aa #485454 auf #373A3E 1,45:1 Nicht bestanden

Aa #7655A2 auf #913131 1,34:1 Nicht bestanden

Aa #7655A2 auf #485454 1,34:1 Nicht bestanden

Aa #B14863 auf #808078 1,33:1 Nicht bestanden

Aa #8FBFD5 auf #CD9373 1,32:1 Nicht bestanden

Aa #8385CF auf #CD9373 1,29:1 Nicht bestanden

Aa #313A91 auf #913131 1,25:1 Nicht bestanden

Aa #313A91 auf #485454 1,25:1 Nicht bestanden

Aa #8385CF auf #808078 1,18:1 Nicht bestanden

Aa #313A91 auf #373A3E 1,17:1 Nicht bestanden

Aa #7655A2 auf #B14863 1,11:1 Nicht bestanden

Aa #913131 auf #485454 1,01:1 Nicht bestanden

TY Monster Dungeons 11