Fresh Ink

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

Zurück zur Bibliothek

Fresh Ink

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

Bearbeiten

Erdig 7 Farben Warm Gemischt Komplementär pixelart ink retro vintage

Likes 70

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #EED5A5;
  --c-earthy-2: #CAB588;
  --c-earthy-3: #CF854B;
  --c-earthy-4: #A33F35;
  --c-earthy-5: #362D23;
  --c-earthy-6: #4B572F;
  --c-earthy-7: #5C9288;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Astra (#EED5A5) bis zum dunkelsten Ton Go to Hell Black (#362D23). Sie vereint Astra, Sombre, Flaming Torch, Cherry Race, Go to Hell Black, Trefoil und Fiddler 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 #EED5A5 auf #362D23 mit 9,44: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

Astra #EED5A5

RGB: rgb(238, 213, 165)
HSL: hsl(39, 68%, 79%)
Luminanz: 0,685

Sombre #CAB588

RGB: rgb(202, 181, 136)
HSL: hsl(41, 38%, 66%)
Luminanz: 0,474

Flaming Torch #CF854B

RGB: rgb(207, 133, 75)
HSL: hsl(26, 58%, 55%)
Luminanz: 0,306

Cherry Race #A33F35

RGB: rgb(163, 63, 53)
HSL: hsl(5, 51%, 42%)
Luminanz: 0,116

Go to Hell Black #362D23

RGB: rgb(54, 45, 35)
HSL: hsl(32, 21%, 17%)
Luminanz: 0,028

Trefoil #4B572F

RGB: rgb(75, 87, 47)
HSL: hsl(78, 30%, 26%)
Luminanz: 0,085

Fiddler #5C9288

RGB: rgb(92, 146, 136)
HSL: hsl(169, 23%, 47%)
Luminanz: 0,246

Kontrast & Barrierefreiheit

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

Aa #EED5A5 auf #362D23 9,44:1 AAA

Aa #CAB588 auf #362D23 6,73:1 AA

Aa #EED5A5 auf #4B572F 5,44:1 AA

Aa #CF854B auf #362D23 4,57:1 AA

Aa #EED5A5 auf #A33F35 4,43:1 AA (großer Text)

Aa #CAB588 auf #4B572F 3,88:1 AA (großer Text)

Aa #362D23 auf #5C9288 3,80:1 AA (großer Text)

Aa #CAB588 auf #A33F35 3,16:1 AA (großer Text)

Aa #CF854B auf #4B572F 2,63:1 Nicht bestanden

Aa #EED5A5 auf #5C9288 2,48:1 Nicht bestanden

Aa #4B572F auf #5C9288 2,19:1 Nicht bestanden

Aa #CF854B auf #A33F35 2,14:1 Nicht bestanden

Aa #A33F35 auf #362D23 2,13:1 Nicht bestanden

Aa #EED5A5 auf #CF854B 2,07:1 Nicht bestanden

Aa #A33F35 auf #5C9288 1,78:1 Nicht bestanden

Aa #CAB588 auf #5C9288 1,77:1 Nicht bestanden

Aa #362D23 auf #4B572F 1,74:1 Nicht bestanden

Aa #CAB588 auf #CF854B 1,47:1 Nicht bestanden

Aa #EED5A5 auf #CAB588 1,40:1 Nicht bestanden

Aa #A33F35 auf #4B572F 1,23:1 Nicht bestanden

Aa #CF854B auf #5C9288 1,20:1 Nicht bestanden

Fresh Ink

Fresh Ink

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen