Hats

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

Zurück zur Bibliothek

Hats

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

Bearbeiten

Erdig 6 Farben Warm Gemischt Komplementär pixelart green pink muted

Likes 44

Farben 6

CSS-Variablen

:root {
  --c-earthy-1: #181B22;
  --c-earthy-2: #444427;
  --c-earthy-3: #61635F;
  --c-earthy-4: #89997F;
  --c-earthy-5: #E16975;
  --c-earthy-6: #F093B1;
}

Über diese Palette

Diese erdige Palette mit 6 Farben reicht vom hellsten Ton Illusion (#F093B1) bis zum dunkelsten Ton Coarse Wool (#181B22). Sie vereint Coarse Wool, Strong Tone Wash, Tornado Wind, Leaflet, Redstone und Illusion in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 15. Davon erreichen 4 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #181B22 auf #F093B1 mit 7,81: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

Coarse Wool #181B22

RGB: rgb(24, 27, 34)
HSL: hsl(222, 17%, 11%)
Luminanz: 0,011

Strong Tone Wash #444427

RGB: rgb(68, 68, 39)
HSL: hsl(60, 27%, 21%)
Luminanz: 0,055

Tornado Wind #61635F

RGB: rgb(97, 99, 95)
HSL: hsl(90, 2%, 38%)
Luminanz: 0,123

Leaflet #89997F

RGB: rgb(137, 153, 127)
HSL: hsl(97, 11%, 55%)
Luminanz: 0,296

Redstone #E16975

RGB: rgb(225, 105, 117)
HSL: hsl(354, 67%, 65%)
Luminanz: 0,274

Illusion #F093B1

RGB: rgb(240, 147, 177)
HSL: hsl(341, 76%, 76%)
Luminanz: 0,426

Kontrast & Barrierefreiheit

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

Aa #181B22 auf #F093B1 7,81:1 AAA

Aa #181B22 auf #89997F 5,68:1 AA

Aa #181B22 auf #E16975 5,32:1 AA

Aa #444427 auf #F093B1 4,53:1 AA

Aa #444427 auf #89997F 3,30:1 AA (großer Text)

Aa #444427 auf #E16975 3,08:1 AA (großer Text)

Aa #181B22 auf #61635F 2,84:1 Nicht bestanden

Aa #61635F auf #F093B1 2,75:1 Nicht bestanden

Aa #61635F auf #89997F 2,00:1 Nicht bestanden

Aa #61635F auf #E16975 1,87:1 Nicht bestanden

Aa #181B22 auf #444427 1,72:1 Nicht bestanden

Aa #444427 auf #61635F 1,65:1 Nicht bestanden

Aa #E16975 auf #F093B1 1,47:1 Nicht bestanden

Aa #89997F auf #F093B1 1,37:1 Nicht bestanden

Aa #89997F auf #E16975 1,07:1 Nicht bestanden

Hats

Hats

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen