Startseite Farbpaletten Autumn Butterfly

Autumn Butterfly

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

Zurück zur Bibliothek

Autumn Butterfly

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

Bearbeiten

Erdig 8 Farben Neutral Gemischt Komplementär fall color bright bugs

Likes 14

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #361D40;
  --c-earthy-2: #581481;
  --c-earthy-3: #A548B0;
  --c-earthy-4: #5777C3;
  --c-earthy-5: #3A3189;
  --c-earthy-6: #74B238;
  --c-earthy-7: #E6DECD;
  --c-earthy-8: #BF402B;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Ivory Memories (#E6DECD) bis zum dunkelsten Ton Power Outage (#361D40). Sie vereint Power Outage, American Violet, Fuchsia Pheromone, Blue Android Base, Majestic Eggplant, Natural Order, Ivory Memories und Dried Saffron in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #361D40 auf #E6DECD mit 11,16: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

Power Outage #361D40

RGB: rgb(54, 29, 64)
HSL: hsl(283, 38%, 18%)
Luminanz: 0,020

American Violet #581481

RGB: rgb(88, 20, 129)
HSL: hsl(277, 73%, 29%)
Luminanz: 0,042

Fuchsia Pheromone #A548B0

RGB: rgb(165, 72, 176)
HSL: hsl(294, 42%, 49%)
Luminanz: 0,158

Blue Android Base #5777C3

RGB: rgb(87, 119, 195)
HSL: hsl(222, 47%, 55%)
Luminanz: 0,192

Majestic Eggplant #3A3189

RGB: rgb(58, 49, 137)
HSL: hsl(246, 47%, 36%)
Luminanz: 0,049

Natural Order #74B238

RGB: rgb(116, 178, 56)
HSL: hsl(90, 52%, 46%)
Luminanz: 0,358

Ivory Memories #E6DECD

RGB: rgb(230, 222, 205)
HSL: hsl(41, 33%, 85%)
Luminanz: 0,735

Dried Saffron #BF402B

RGB: rgb(191, 64, 43)
HSL: hsl(9, 63%, 46%)
Luminanz: 0,149

Kontrast & Barrierefreiheit

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

Aa #361D40 auf #E6DECD 11,16:1 AAA

Aa #581481 auf #E6DECD 8,57:1 AAA

Aa #3A3189 auf #E6DECD 7,92:1 AAA

Aa #361D40 auf #74B238 5,81:1 AA

Aa #581481 auf #74B238 4,46:1 AA (großer Text)

Aa #3A3189 auf #74B238 4,12:1 AA (großer Text)

Aa #E6DECD auf #BF402B 3,94:1 AA (großer Text)

Aa #A548B0 auf #E6DECD 3,78:1 AA (großer Text)

Aa #361D40 auf #5777C3 3,44:1 AA (großer Text)

Aa #5777C3 auf #E6DECD 3,25:1 AA (großer Text)

Aa #361D40 auf #A548B0 2,95:1 Nicht bestanden

Aa #361D40 auf #BF402B 2,83:1 Nicht bestanden

Aa #581481 auf #5777C3 2,64:1 Nicht bestanden

Aa #5777C3 auf #3A3189 2,44:1 Nicht bestanden

Aa #581481 auf #A548B0 2,27:1 Nicht bestanden

Aa #581481 auf #BF402B 2,17:1 Nicht bestanden

Aa #A548B0 auf #3A3189 2,10:1 Nicht bestanden

Aa #74B238 auf #BF402B 2,05:1 Nicht bestanden

Aa #3A3189 auf #BF402B 2,01:1 Nicht bestanden

Aa #A548B0 auf #74B238 1,97:1 Nicht bestanden

Aa #74B238 auf #E6DECD 1,92:1 Nicht bestanden

Aa #5777C3 auf #74B238 1,69:1 Nicht bestanden

Aa #361D40 auf #3A3189 1,41:1 Nicht bestanden

Aa #361D40 auf #581481 1,30:1 Nicht bestanden

Aa #5777C3 auf #BF402B 1,21:1 Nicht bestanden

Aa #A548B0 auf #5777C3 1,16:1 Nicht bestanden

Aa #581481 auf #3A3189 1,08:1 Nicht bestanden

Aa #A548B0 auf #BF402B 1,04:1 Nicht bestanden

Autumn Butterfly