Westmost 8

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

Zurück zur Bibliothek

Westmost 8

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär artist retrosaur

Likes 13

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #131315;
  --c-earthy-2: #4A5381;
  --c-earthy-3: #B96F5A;
  --c-earthy-4: #DADADA;
  --c-earthy-5: #343651;
  --c-earthy-6: #644338;
  --c-earthy-7: #4C9453;
  --c-earthy-8: #CAB17A;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Porpoise (#DADADA) bis zum dunkelsten Ton Kettle Black (#131315). Sie vereint Kettle Black, Mozart, Spiced, Porpoise, Tiě Hēi Metal, Brunette, Ineffable Forest und Roasted Pistachio in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #131315 auf #DADADA mit 13,27: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

Kettle Black #131315

RGB: rgb(19, 19, 21)
HSL: hsl(240, 5%, 8%)
Luminanz: 0,007

Mozart #4A5381

RGB: rgb(74, 83, 129)
HSL: hsl(230, 27%, 40%)
Luminanz: 0,092

Spiced #B96F5A

RGB: rgb(185, 111, 90)
HSL: hsl(13, 40%, 54%)
Luminanz: 0,224

Porpoise #DADADA

RGB: rgb(218, 218, 218)
HSL: hsl(0, 0%, 85%)
Luminanz: 0,701

Tiě Hēi Metal #343651

RGB: rgb(52, 54, 81)
HSL: hsl(236, 22%, 26%)
Luminanz: 0,040

Brunette #644338

RGB: rgb(100, 67, 56)
HSL: hsl(15, 28%, 31%)
Luminanz: 0,070

Ineffable Forest #4C9453

RGB: rgb(76, 148, 83)
HSL: hsl(126, 32%, 44%)
Luminanz: 0,233

Roasted Pistachio #CAB17A

RGB: rgb(202, 177, 122)
HSL: hsl(41, 43%, 64%)
Luminanz: 0,454

Kontrast & Barrierefreiheit

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

Aa #131315 auf #DADADA 13,27:1 AAA

Aa #131315 auf #CAB17A 8,91:1 AAA

Aa #DADADA auf #343651 8,38:1 AAA

Aa #DADADA auf #644338 6,25:1 AA

Aa #343651 auf #CAB17A 5,62:1 AA

Aa #4A5381 auf #DADADA 5,28:1 AA

Aa #131315 auf #4C9453 5,01:1 AA

Aa #131315 auf #B96F5A 4,85:1 AA

Aa #644338 auf #CAB17A 4,20:1 AA (großer Text)

Aa #4A5381 auf #CAB17A 3,54:1 AA (großer Text)

Aa #343651 auf #4C9453 3,16:1 AA (großer Text)

Aa #B96F5A auf #343651 3,06:1 AA (großer Text)

Aa #B96F5A auf #DADADA 2,74:1 Nicht bestanden

Aa #DADADA auf #4C9453 2,65:1 Nicht bestanden

Aa #131315 auf #4A5381 2,51:1 Nicht bestanden

Aa #644338 auf #4C9453 2,36:1 Nicht bestanden

Aa #B96F5A auf #644338 2,28:1 Nicht bestanden

Aa #131315 auf #644338 2,12:1 Nicht bestanden

Aa #4A5381 auf #4C9453 1,99:1 Nicht bestanden

Aa #4A5381 auf #B96F5A 1,93:1 Nicht bestanden

Aa #B96F5A auf #CAB17A 1,84:1 Nicht bestanden

Aa #4C9453 auf #CAB17A 1,78:1 Nicht bestanden

Aa #4A5381 auf #343651 1,59:1 Nicht bestanden

Aa #131315 auf #343651 1,58:1 Nicht bestanden

Aa #DADADA auf #CAB17A 1,49:1 Nicht bestanden

Aa #343651 auf #644338 1,34:1 Nicht bestanden

Aa #4A5381 auf #644338 1,18:1 Nicht bestanden

Aa #B96F5A auf #4C9453 1,03:1 Nicht bestanden

Westmost 8

Westmost 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen