Startseite Farbpaletten Mindustry Canvas

Mindustry Canvas

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

Zurück zur Bibliothek

Mindustry Canvas

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär

Likes 32

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #362944;
  --c-earthy-2: #C45D9F;
  --c-earthy-3: #E39AAC;
  --c-earthy-4: #F0DAB1;
  --c-earthy-5: #6461C2;
  --c-earthy-6: #2BA9B4;
  --c-earthy-7: #93D4B5;
  --c-earthy-8: #F0F6E8;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Calcium (#F0F6E8) bis zum dunkelsten Ton Obsidian Lava Black (#362944). Sie vereint Obsidian Lava Black, Llilacquered, Rose Delight, Precious, Bluish Purple Anemone, Sparkling Cove, Vista Blue und Calcium in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #362944 auf #F0F6E8 mit 12,23: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

Obsidian Lava Black #362944

RGB: rgb(54, 41, 68)
HSL: hsl(269, 25%, 21%)
Luminanz: 0,028

Llilacquered #C45D9F

RGB: rgb(196, 93, 159)
HSL: hsl(322, 47%, 57%)
Luminanz: 0,221

Rose Delight #E39AAC

RGB: rgb(227, 154, 172)
HSL: hsl(345, 57%, 75%)
Luminanz: 0,424

Precious #F0DAB1

RGB: rgb(240, 218, 177)
HSL: hsl(39, 68%, 82%)
Luminanz: 0,718

Bluish Purple Anemone #6461C2

RGB: rgb(100, 97, 194)
HSL: hsl(242, 44%, 57%)
Luminanz: 0,152

Sparkling Cove #2BA9B4

RGB: rgb(43, 169, 180)
HSL: hsl(185, 61%, 44%)
Luminanz: 0,322

Vista Blue #93D4B5

RGB: rgb(147, 212, 181)
HSL: hsl(151, 43%, 70%)
Luminanz: 0,566

Calcium #F0F6E8

RGB: rgb(240, 246, 232)
HSL: hsl(86, 44%, 94%)
Luminanz: 0,903

Kontrast & Barrierefreiheit

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

Aa #362944 auf #F0F6E8 12,23:1 AAA

Aa #362944 auf #F0DAB1 9,87:1 AAA

Aa #362944 auf #93D4B5 7,91:1 AAA

Aa #362944 auf #E39AAC 6,09:1 AA

Aa #362944 auf #2BA9B4 4,77:1 AA

Aa #6461C2 auf #F0F6E8 4,73:1 AA

Aa #F0DAB1 auf #6461C2 3,81:1 AA (großer Text)

Aa #C45D9F auf #F0F6E8 3,52:1 AA (großer Text)

Aa #362944 auf #C45D9F 3,48:1 AA (großer Text)

Aa #6461C2 auf #93D4B5 3,06:1 AA (großer Text)

Aa #C45D9F auf #F0DAB1 2,84:1 Nicht bestanden

Aa #362944 auf #6461C2 2,59:1 Nicht bestanden

Aa #2BA9B4 auf #F0F6E8 2,56:1 Nicht bestanden

Aa #E39AAC auf #6461C2 2,35:1 Nicht bestanden

Aa #C45D9F auf #93D4B5 2,28:1 Nicht bestanden

Aa #F0DAB1 auf #2BA9B4 2,07:1 Nicht bestanden

Aa #E39AAC auf #F0F6E8 2,01:1 Nicht bestanden

Aa #6461C2 auf #2BA9B4 1,85:1 Nicht bestanden

Aa #C45D9F auf #E39AAC 1,75:1 Nicht bestanden

Aa #2BA9B4 auf #93D4B5 1,66:1 Nicht bestanden

Aa #E39AAC auf #F0DAB1 1,62:1 Nicht bestanden

Aa #93D4B5 auf #F0F6E8 1,55:1 Nicht bestanden

Aa #C45D9F auf #2BA9B4 1,37:1 Nicht bestanden

Aa #C45D9F auf #6461C2 1,34:1 Nicht bestanden

Aa #E39AAC auf #93D4B5 1,30:1 Nicht bestanden

Aa #E39AAC auf #2BA9B4 1,28:1 Nicht bestanden

Aa #F0DAB1 auf #93D4B5 1,25:1 Nicht bestanden

Aa #F0DAB1 auf #F0F6E8 1,24:1 Nicht bestanden

Mindustry Canvas