Generic 8

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

Zurück zur Bibliothek

Generic 8

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär artist grafxkid

Likes 51

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #1C1121;
  --c-earthy-2: #EDECE9;
  --c-earthy-3: #A13B3B;
  --c-earthy-4: #F37F9A;
  --c-earthy-5: #EE961A;
  --c-earthy-6: #2D5365;
  --c-earthy-7: #40A933;
  --c-earthy-8: #25A6C5;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Dazzle Me (#EDECE9) bis zum dunkelsten Ton Inside (#1C1121). Sie vereint Inside, Dazzle Me, Bijou Red, Xoxo, Burning Trail, Marea Baja, Green Seduction und True Sky Blue 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 #1C1121 auf #EDECE9 mit 15,44: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

Inside #1C1121

RGB: rgb(28, 17, 33)
HSL: hsl(281, 32%, 10%)
Luminanz: 0,008

Dazzle Me #EDECE9

RGB: rgb(237, 236, 233)
HSL: hsl(45, 10%, 92%)
Luminanz: 0,839

Bijou Red #A13B3B

RGB: rgb(161, 59, 59)
HSL: hsl(0, 46%, 43%)
Luminanz: 0,110

Xoxo #F37F9A

RGB: rgb(243, 127, 154)
HSL: hsl(346, 83%, 73%)
Luminanz: 0,366

Burning Trail #EE961A

RGB: rgb(238, 150, 26)
HSL: hsl(35, 86%, 52%)
Luminanz: 0,401

Marea Baja #2D5365

RGB: rgb(45, 83, 101)
HSL: hsl(199, 38%, 29%)
Luminanz: 0,077

Green Seduction #40A933

RGB: rgb(64, 169, 51)
HSL: hsl(113, 54%, 43%)
Luminanz: 0,297

True Sky Blue #25A6C5

RGB: rgb(37, 166, 197)
HSL: hsl(192, 68%, 46%)
Luminanz: 0,317

Kontrast & Barrierefreiheit

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

Aa #1C1121 auf #EDECE9 15,44:1 AAA

Aa #1C1121 auf #EE961A 7,83:1 AAA

Aa #1C1121 auf #F37F9A 7,22:1 AAA

Aa #EDECE9 auf #2D5365 7,01:1 AAA

Aa #1C1121 auf #25A6C5 6,37:1 AA

Aa #1C1121 auf #40A933 6,03:1 AA

Aa #EDECE9 auf #A13B3B 5,55:1 AA

Aa #EE961A auf #2D5365 3,55:1 AA (großer Text)

Aa #F37F9A auf #2D5365 3,28:1 AA (großer Text)

Aa #2D5365 auf #25A6C5 2,89:1 Nicht bestanden

Aa #A13B3B auf #EE961A 2,81:1 Nicht bestanden

Aa #1C1121 auf #A13B3B 2,78:1 Nicht bestanden

Aa #2D5365 auf #40A933 2,74:1 Nicht bestanden

Aa #A13B3B auf #F37F9A 2,59:1 Nicht bestanden

Aa #EDECE9 auf #40A933 2,56:1 Nicht bestanden

Aa #EDECE9 auf #25A6C5 2,42:1 Nicht bestanden

Aa #A13B3B auf #25A6C5 2,29:1 Nicht bestanden

Aa #1C1121 auf #2D5365 2,20:1 Nicht bestanden

Aa #A13B3B auf #40A933 2,17:1 Nicht bestanden

Aa #EDECE9 auf #F37F9A 2,14:1 Nicht bestanden

Aa #EDECE9 auf #EE961A 1,97:1 Nicht bestanden

Aa #EE961A auf #40A933 1,30:1 Nicht bestanden

Aa #A13B3B auf #2D5365 1,26:1 Nicht bestanden

Aa #EE961A auf #25A6C5 1,23:1 Nicht bestanden

Aa #F37F9A auf #40A933 1,20:1 Nicht bestanden

Aa #F37F9A auf #25A6C5 1,13:1 Nicht bestanden

Aa #F37F9A auf #EE961A 1,08:1 Nicht bestanden

Aa #40A933 auf #25A6C5 1,06:1 Nicht bestanden

Generic 8

Generic 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen