Startseite Farbpaletten 3Bit Cats: Melonyard

3Bit Cats: Melonyard

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

Zurück zur Bibliothek

3Bit Cats: Melonyard

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär octobit 3bit windfallapples glacier

Likes 52

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #311047;
  --c-earthy-2: #6C855D;
  --c-earthy-3: #9FB364;
  --c-earthy-4: #E5DB48;
  --c-earthy-5: #F7EFBA;
  --c-earthy-6: #E2AE60;
  --c-earthy-7: #B25C34;
  --c-earthy-8: #8B2747;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Summer Resort (#F7EFBA) bis zum dunkelsten Ton Purple Door (#311047). Sie vereint Purple Door, Thicket, Light Birch Green, Citrus Sugar, Summer Resort, Cameleer, Monument Valley und Rumba Red 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 #311047 auf #F7EFBA mit 13,9: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

Purple Door #311047

RGB: rgb(49, 16, 71)
HSL: hsl(276, 63%, 17%)
Luminanz: 0,015

Thicket #6C855D

RGB: rgb(108, 133, 93)
HSL: hsl(98, 18%, 44%)
Luminanz: 0,208

Light Birch Green #9FB364

RGB: rgb(159, 179, 100)
HSL: hsl(75, 34%, 55%)
Luminanz: 0,405

Citrus Sugar #E5DB48

RGB: rgb(229, 219, 72)
HSL: hsl(56, 75%, 59%)
Luminanz: 0,678

Summer Resort #F7EFBA

RGB: rgb(247, 239, 186)
HSL: hsl(52, 79%, 85%)
Luminanz: 0,851

Cameleer #E2AE60

RGB: rgb(226, 174, 96)
HSL: hsl(36, 69%, 63%)
Luminanz: 0,473

Monument Valley #B25C34

RGB: rgb(178, 92, 52)
HSL: hsl(19, 55%, 45%)
Luminanz: 0,174

Rumba Red #8B2747

RGB: rgb(139, 39, 71)
HSL: hsl(341, 56%, 35%)
Luminanz: 0,074

Kontrast & Barrierefreiheit

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

Aa #311047 auf #F7EFBA 13,90:1 AAA

Aa #311047 auf #E5DB48 11,24:1 AAA

Aa #311047 auf #E2AE60 8,07:1 AAA

Aa #F7EFBA auf #8B2747 7,27:1 AAA

Aa #311047 auf #9FB364 7,03:1 AAA

Aa #E5DB48 auf #8B2747 5,87:1 AA

Aa #E2AE60 auf #8B2747 4,22:1 AA (großer Text)

Aa #F7EFBA auf #B25C34 4,03:1 AA (großer Text)

Aa #311047 auf #6C855D 3,98:1 AA (großer Text)

Aa #9FB364 auf #8B2747 3,67:1 AA (großer Text)

Aa #6C855D auf #F7EFBA 3,50:1 AA (großer Text)

Aa #311047 auf #B25C34 3,45:1 AA (großer Text)

Aa #E5DB48 auf #B25C34 3,25:1 AA (großer Text)

Aa #6C855D auf #E5DB48 2,83:1 Nicht bestanden

Aa #E2AE60 auf #B25C34 2,34:1 Nicht bestanden

Aa #6C855D auf #8B2747 2,08:1 Nicht bestanden

Aa #9FB364 auf #B25C34 2,04:1 Nicht bestanden

Aa #6C855D auf #E2AE60 2,03:1 Nicht bestanden

Aa #9FB364 auf #F7EFBA 1,98:1 Nicht bestanden

Aa #311047 auf #8B2747 1,91:1 Nicht bestanden

Aa #B25C34 auf #8B2747 1,80:1 Nicht bestanden

Aa #6C855D auf #9FB364 1,77:1 Nicht bestanden

Aa #F7EFBA auf #E2AE60 1,72:1 Nicht bestanden

Aa #9FB364 auf #E5DB48 1,60:1 Nicht bestanden

Aa #E5DB48 auf #E2AE60 1,39:1 Nicht bestanden

Aa #E5DB48 auf #F7EFBA 1,24:1 Nicht bestanden

Aa #6C855D auf #B25C34 1,15:1 Nicht bestanden

Aa #9FB364 auf #E2AE60 1,15:1 Nicht bestanden

3Bit Cats: Melonyard