SS 8

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

Zurück zur Bibliothek

SS 8

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär

Likes 7

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #080808;
  --c-earthy-2: #BB46AC;
  --c-earthy-3: #A42712;
  --c-earthy-4: #E3712C;
  --c-earthy-5: #234B8C;
  --c-earthy-6: #42C6DB;
  --c-earthy-7: #41A326;
  --c-earthy-8: #FFFFFF;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Reversed Grey (#080808). Sie vereint Reversed Grey, Ultraviolet Nusp, Tabasco, Russet Orange, Unity, Lake Thun, Green Seduction und White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #080808 auf #FFFFFF mit 20,03: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

Reversed Grey #080808

RGB: rgb(8, 8, 8)
HSL: hsl(0, 0%, 3%)
Luminanz: 0,002

Ultraviolet Nusp #BB46AC

RGB: rgb(187, 70, 172)
HSL: hsl(308, 46%, 50%)
Luminanz: 0,179

Tabasco #A42712

RGB: rgb(164, 39, 18)
HSL: hsl(9, 80%, 36%)
Luminanz: 0,094

Russet Orange #E3712C

RGB: rgb(227, 113, 44)
HSL: hsl(23, 77%, 53%)
Luminanz: 0,283

Unity #234B8C

RGB: rgb(35, 75, 140)
HSL: hsl(217, 60%, 34%)
Luminanz: 0,073

Lake Thun #42C6DB

RGB: rgb(66, 198, 219)
HSL: hsl(188, 68%, 56%)
Luminanz: 0,467

Green Seduction #41A326

RGB: rgb(65, 163, 38)
HSL: hsl(107, 62%, 39%)
Luminanz: 0,275

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminanz: 1,000

Kontrast & Barrierefreiheit

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

Aa #080808 auf #FFFFFF 20,03:1 AAA

Aa #080808 auf #42C6DB 9,85:1 AAA

Aa #234B8C auf #FFFFFF 8,55:1 AAA

Aa #A42712 auf #FFFFFF 7,30:1 AAA

Aa #080808 auf #E3712C 6,36:1 AA

Aa #080808 auf #41A326 6,19:1 AA

Aa #BB46AC auf #FFFFFF 4,58:1 AA

Aa #080808 auf #BB46AC 4,37:1 AA (großer Text)

Aa #234B8C auf #42C6DB 4,21:1 AA (großer Text)

Aa #A42712 auf #42C6DB 3,59:1 AA (großer Text)

Aa #41A326 auf #FFFFFF 3,23:1 AA (großer Text)

Aa #E3712C auf #FFFFFF 3,15:1 AA (großer Text)

Aa #080808 auf #A42712 2,74:1 Nicht bestanden

Aa #E3712C auf #234B8C 2,71:1 Nicht bestanden

Aa #234B8C auf #41A326 2,64:1 Nicht bestanden

Aa #080808 auf #234B8C 2,34:1 Nicht bestanden

Aa #A42712 auf #E3712C 2,32:1 Nicht bestanden

Aa #A42712 auf #41A326 2,26:1 Nicht bestanden

Aa #BB46AC auf #42C6DB 2,25:1 Nicht bestanden

Aa #42C6DB auf #FFFFFF 2,03:1 Nicht bestanden

Aa #BB46AC auf #234B8C 1,87:1 Nicht bestanden

Aa #BB46AC auf #A42712 1,59:1 Nicht bestanden

Aa #42C6DB auf #41A326 1,59:1 Nicht bestanden

Aa #E3712C auf #42C6DB 1,55:1 Nicht bestanden

Aa #BB46AC auf #E3712C 1,45:1 Nicht bestanden

Aa #BB46AC auf #41A326 1,42:1 Nicht bestanden

Aa #A42712 auf #234B8C 1,17:1 Nicht bestanden

Aa #E3712C auf #41A326 1,03:1 Nicht bestanden

SS 8

SS 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen