Mini 7

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

Zurück zur Bibliothek

Mini 7

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

Bearbeiten

Erdig 7 Farben Warm Gemischt Komplementär artist minisoniczx

Likes 41

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #30303D;
  --c-earthy-2: #5564A0;
  --c-earthy-3: #61B7AC;
  --c-earthy-4: #EDE4DA;
  --c-earthy-5: #F7B33D;
  --c-earthy-6: #EA6E48;
  --c-earthy-7: #818747;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Soapstone (#EDE4DA) bis zum dunkelsten Ton Salute (#30303D). Sie vereint Salute, Electrify, Bath Turquoise, Soapstone, Squash Blossom, Aurora Orange und Drab in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #30303D auf #EDE4DA mit 10,34: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

Salute #30303D

RGB: rgb(48, 48, 61)
HSL: hsl(240, 12%, 21%)
Luminanz: 0,031

Electrify #5564A0

RGB: rgb(85, 100, 160)
HSL: hsl(228, 31%, 48%)
Luminanz: 0,136

Bath Turquoise #61B7AC

RGB: rgb(97, 183, 172)
HSL: hsl(172, 37%, 55%)
Luminanz: 0,394

Soapstone #EDE4DA

RGB: rgb(237, 228, 218)
HSL: hsl(32, 35%, 89%)
Luminanz: 0,786

Squash Blossom #F7B33D

RGB: rgb(247, 179, 61)
HSL: hsl(38, 92%, 60%)
Luminanz: 0,524

Aurora Orange #EA6E48

RGB: rgb(234, 110, 72)
HSL: hsl(14, 79%, 60%)
Luminanz: 0,291

Drab #818747

RGB: rgb(129, 135, 71)
HSL: hsl(66, 31%, 40%)
Luminanz: 0,225

Kontrast & Barrierefreiheit

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

Aa #30303D auf #EDE4DA 10,34:1 AAA

Aa #30303D auf #F7B33D 7,10:1 AAA

Aa #30303D auf #61B7AC 5,49:1 AA

Aa #5564A0 auf #EDE4DA 4,50:1 AA

Aa #30303D auf #EA6E48 4,22:1 AA (großer Text)

Aa #30303D auf #818747 3,40:1 AA (großer Text)

Aa #5564A0 auf #F7B33D 3,09:1 AA (großer Text)

Aa #EDE4DA auf #818747 3,04:1 AA (großer Text)

Aa #EDE4DA auf #EA6E48 2,45:1 Nicht bestanden

Aa #5564A0 auf #61B7AC 2,39:1 Nicht bestanden

Aa #30303D auf #5564A0 2,30:1 Nicht bestanden

Aa #F7B33D auf #818747 2,09:1 Nicht bestanden

Aa #61B7AC auf #EDE4DA 1,88:1 Nicht bestanden

Aa #5564A0 auf #EA6E48 1,84:1 Nicht bestanden

Aa #F7B33D auf #EA6E48 1,68:1 Nicht bestanden

Aa #61B7AC auf #818747 1,62:1 Nicht bestanden

Aa #5564A0 auf #818747 1,48:1 Nicht bestanden

Aa #EDE4DA auf #F7B33D 1,46:1 Nicht bestanden

Aa #61B7AC auf #EA6E48 1,30:1 Nicht bestanden

Aa #61B7AC auf #F7B33D 1,29:1 Nicht bestanden

Aa #EA6E48 auf #818747 1,24:1 Nicht bestanden

Mini 7

Mini 7

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen