Energy7

Palette mit 7 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Energy7

Palette mit 7 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Erdig 7 Farben Warm Gemischt Triadisch eclipse89

Likes 15

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #38284B;
  --c-earthy-2: #999999;
  --c-earthy-3: #6F6A89;
  --c-earthy-4: #ADD9D7;
  --c-earthy-5: #FFFFFF;
  --c-earthy-6: #FAEE96;
  --c-earthy-7: #FCC65B;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Operetta Mauve (#38284B). Sie vereint Operetta Mauve, Million Grey, Aromatic, Rivers Edge, White, Calabash und After Shock in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #38284B auf #FFFFFF mit 13,35: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

Operetta Mauve #38284B

RGB: rgb(56, 40, 75)
HSL: hsl(267, 30%, 23%)
Luminanz: 0,029

Million Grey #999999

RGB: rgb(153, 153, 153)
HSL: hsl(0, 0%, 60%)
Luminanz: 0,319

Aromatic #6F6A89

RGB: rgb(111, 106, 137)
HSL: hsl(250, 13%, 48%)
Luminanz: 0,155

Rivers Edge #ADD9D7

RGB: rgb(173, 217, 215)
HSL: hsl(177, 37%, 76%)
Luminanz: 0,634

White #FFFFFF

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

Calabash #FAEE96

RGB: rgb(250, 238, 150)
HSL: hsl(53, 91%, 78%)
Luminanz: 0,837

After Shock #FCC65B

RGB: rgb(252, 198, 91)
HSL: hsl(40, 96%, 67%)
Luminanz: 0,618

Kontrast & Barrierefreiheit

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

Aa #38284B auf #FFFFFF 13,35:1 AAA

Aa #38284B auf #FAEE96 11,27:1 AAA

Aa #38284B auf #ADD9D7 8,70:1 AAA

Aa #38284B auf #FCC65B 8,50:1 AAA

Aa #6F6A89 auf #FFFFFF 5,12:1 AA

Aa #38284B auf #999999 4,69:1 AA

Aa #6F6A89 auf #FAEE96 4,33:1 AA (großer Text)

Aa #6F6A89 auf #ADD9D7 3,34:1 AA (großer Text)

Aa #6F6A89 auf #FCC65B 3,26:1 AA (großer Text)

Aa #999999 auf #FFFFFF 2,85:1 Nicht bestanden

Aa #38284B auf #6F6A89 2,61:1 Nicht bestanden

Aa #999999 auf #FAEE96 2,41:1 Nicht bestanden

Aa #999999 auf #ADD9D7 1,86:1 Nicht bestanden

Aa #999999 auf #FCC65B 1,81:1 Nicht bestanden

Aa #999999 auf #6F6A89 1,80:1 Nicht bestanden

Aa #FFFFFF auf #FCC65B 1,57:1 Nicht bestanden

Aa #ADD9D7 auf #FFFFFF 1,53:1 Nicht bestanden

Aa #FAEE96 auf #FCC65B 1,33:1 Nicht bestanden

Aa #ADD9D7 auf #FAEE96 1,30:1 Nicht bestanden

Aa #FFFFFF auf #FAEE96 1,18:1 Nicht bestanden

Aa #ADD9D7 auf #FCC65B 1,02:1 Nicht bestanden

Energy7

Energy7

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen