Abandon8

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

Zurück zur Bibliothek

Abandon8

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär minimal black white red

Likes 42

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #272727;
  --c-earthy-2: #4D557B;
  --c-earthy-3: #757575;
  --c-earthy-4: #F57979;
  --c-earthy-5: #F7F4E3;
  --c-earthy-6: #5D7CD4;
  --c-earthy-7: #FFF9D5;
  --c-earthy-8: #B56666;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Reddish White (#FFF9D5) bis zum dunkelsten Ton Dire Wolf (#272727). Sie vereint Dire Wolf, Deep Indigo, Sonic Silver, Salmon Poké Bowl, Daisy White, Indigo Light, Reddish White und Lord Baltimore in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #272727 auf #FFF9D5 mit 14,06: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

Dire Wolf #272727

RGB: rgb(39, 39, 39)
HSL: hsl(0, 0%, 15%)
Luminanz: 0,020

Deep Indigo #4D557B

RGB: rgb(77, 85, 123)
HSL: hsl(230, 23%, 39%)
Luminanz: 0,095

Sonic Silver #757575

RGB: rgb(117, 117, 117)
HSL: hsl(0, 0%, 46%)
Luminanz: 0,178

Salmon Poké Bowl #F57979

RGB: rgb(245, 121, 121)
HSL: hsl(0, 86%, 72%)
Luminanz: 0,345

Daisy White #F7F4E3

RGB: rgb(247, 244, 227)
HSL: hsl(51, 56%, 93%)
Luminanz: 0,900

Indigo Light #5D7CD4

RGB: rgb(93, 124, 212)
HSL: hsl(224, 58%, 60%)
Luminanz: 0,215

Reddish White #FFF9D5

RGB: rgb(255, 249, 213)
HSL: hsl(51, 100%, 92%)
Luminanz: 0,938

Lord Baltimore #B56666

RGB: rgb(181, 102, 102)
HSL: hsl(0, 35%, 55%)
Luminanz: 0,203

Kontrast & Barrierefreiheit

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

Aa #272727 auf #FFF9D5 14,06:1 AAA

Aa #272727 auf #F7F4E3 13,52:1 AAA

Aa #4D557B auf #FFF9D5 6,81:1 AA

Aa #4D557B auf #F7F4E3 6,55:1 AA

Aa #272727 auf #F57979 5,62:1 AA

Aa #757575 auf #FFF9D5 4,34:1 AA (großer Text)

Aa #757575 auf #F7F4E3 4,17:1 AA (großer Text)

Aa #FFF9D5 auf #B56666 3,91:1 AA (großer Text)

Aa #272727 auf #5D7CD4 3,77:1 AA (großer Text)

Aa #F7F4E3 auf #B56666 3,76:1 AA (großer Text)

Aa #5D7CD4 auf #FFF9D5 3,73:1 AA (großer Text)

Aa #272727 auf #B56666 3,60:1 AA (großer Text)

Aa #F7F4E3 auf #5D7CD4 3,59:1 AA (großer Text)

Aa #272727 auf #757575 3,24:1 AA (großer Text)

Aa #4D557B auf #F57979 2,72:1 Nicht bestanden

Aa #F57979 auf #FFF9D5 2,50:1 Nicht bestanden

Aa #F57979 auf #F7F4E3 2,41:1 Nicht bestanden

Aa #272727 auf #4D557B 2,06:1 Nicht bestanden

Aa #4D557B auf #5D7CD4 1,83:1 Nicht bestanden

Aa #4D557B auf #B56666 1,74:1 Nicht bestanden

Aa #757575 auf #F57979 1,73:1 Nicht bestanden

Aa #4D557B auf #757575 1,57:1 Nicht bestanden

Aa #F57979 auf #B56666 1,56:1 Nicht bestanden

Aa #F57979 auf #5D7CD4 1,49:1 Nicht bestanden

Aa #757575 auf #5D7CD4 1,16:1 Nicht bestanden

Aa #757575 auf #B56666 1,11:1 Nicht bestanden

Aa #5D7CD4 auf #B56666 1,05:1 Nicht bestanden

Aa #F7F4E3 auf #FFF9D5 1,04:1 Nicht bestanden

Abandon8

Abandon8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen