Massillon 8

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

Zurück zur Bibliothek

Massillon 8

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

Bearbeiten

Erdig 8 Farben Neutral Gemischt Komplementär 8colors massillon ohio

Likes 21

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #EFF1E1;
  --c-earthy-2: #D9C7B4;
  --c-earthy-3: #B19475;
  --c-earthy-4: #7F6A62;
  --c-earthy-5: #D1DDDE;
  --c-earthy-6: #96B0B3;
  --c-earthy-7: #7A7A93;
  --c-earthy-8: #2C2C39;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Belyi White (#EFF1E1) bis zum dunkelsten Ton Black Rock (#2C2C39). Sie vereint Belyi White, Brazilian Sand, Cliff Rock, Antique Earth, Northbound, Smooth-Hound Shark, Waterloo und Black Rock 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 #EFF1E1 auf #2C2C39 mit 12,01: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

Belyi White #EFF1E1

RGB: rgb(239, 241, 225)
HSL: hsl(68, 36%, 91%)
Luminanz: 0,867

Brazilian Sand #D9C7B4

RGB: rgb(217, 199, 180)
HSL: hsl(31, 33%, 78%)
Luminanz: 0,589

Cliff Rock #B19475

RGB: rgb(177, 148, 117)
HSL: hsl(31, 28%, 58%)
Luminanz: 0,318

Antique Earth #7F6A62

RGB: rgb(127, 106, 98)
HSL: hsl(17, 13%, 44%)
Luminanz: 0,157

Northbound #D1DDDE

RGB: rgb(209, 221, 222)
HSL: hsl(185, 16%, 85%)
Luminanz: 0,705

Smooth-Hound Shark #96B0B3

RGB: rgb(150, 176, 179)
HSL: hsl(186, 16%, 65%)
Luminanz: 0,408

Waterloo #7A7A93

RGB: rgb(122, 122, 147)
HSL: hsl(240, 10%, 53%)
Luminanz: 0,202

Black Rock #2C2C39

RGB: rgb(44, 44, 57)
HSL: hsl(240, 13%, 20%)
Luminanz: 0,026

Kontrast & Barrierefreiheit

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

Aa #EFF1E1 auf #2C2C39 12,01:1 AAA

Aa #D1DDDE auf #2C2C39 9,90:1 AAA

Aa #D9C7B4 auf #2C2C39 8,37:1 AAA

Aa #96B0B3 auf #2C2C39 6,00:1 AA

Aa #B19475 auf #2C2C39 4,82:1 AA

Aa #EFF1E1 auf #7F6A62 4,43:1 AA (großer Text)

Aa #7F6A62 auf #D1DDDE 3,65:1 AA (großer Text)

Aa #EFF1E1 auf #7A7A93 3,64:1 AA (großer Text)

Aa #7A7A93 auf #2C2C39 3,30:1 AA (großer Text)

Aa #D9C7B4 auf #7F6A62 3,09:1 AA (großer Text)

Aa #D1DDDE auf #7A7A93 3,00:1 AA (großer Text)

Aa #7F6A62 auf #2C2C39 2,71:1 Nicht bestanden

Aa #D9C7B4 auf #7A7A93 2,54:1 Nicht bestanden

Aa #EFF1E1 auf #B19475 2,49:1 Nicht bestanden

Aa #7F6A62 auf #96B0B3 2,21:1 Nicht bestanden

Aa #B19475 auf #D1DDDE 2,05:1 Nicht bestanden

Aa #EFF1E1 auf #96B0B3 2,00:1 Nicht bestanden

Aa #96B0B3 auf #7A7A93 1,82:1 Nicht bestanden

Aa #B19475 auf #7F6A62 1,78:1 Nicht bestanden

Aa #D9C7B4 auf #B19475 1,74:1 Nicht bestanden

Aa #D1DDDE auf #96B0B3 1,65:1 Nicht bestanden

Aa #B19475 auf #7A7A93 1,46:1 Nicht bestanden

Aa #EFF1E1 auf #D9C7B4 1,44:1 Nicht bestanden

Aa #D9C7B4 auf #96B0B3 1,40:1 Nicht bestanden

Aa #B19475 auf #96B0B3 1,24:1 Nicht bestanden

Aa #7F6A62 auf #7A7A93 1,22:1 Nicht bestanden

Aa #EFF1E1 auf #D1DDDE 1,21:1 Nicht bestanden

Aa #D9C7B4 auf #D1DDDE 1,18:1 Nicht bestanden

Massillon 8

Massillon 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen