Arjibi8

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

Zurück zur Bibliothek

Arjibi8

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

Bearbeiten

Erdig 8 Farben Neutral Gemischt Komplementär pixelart artist 8 anubiarts

Likes 189

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #8BC7BF;
  --c-earthy-2: #5796A1;
  --c-earthy-3: #524BB3;
  --c-earthy-4: #471B6E;
  --c-earthy-5: #702782;
  --c-earthy-6: #B0455A;
  --c-earthy-7: #DE8B6F;
  --c-earthy-8: #EBD694;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Tainted Gold (#EBD694) bis zum dunkelsten Ton Fading Horizon (#471B6E). Sie vereint Holiday Turquoise, Star City, Swiss Plum, Fading Horizon, Sapphire Siren, Cherry Wine, Guava Jam und Tainted Gold in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #471B6E auf #EBD694 mit 8,84: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

Holiday Turquoise #8BC7BF

RGB: rgb(139, 199, 191)
HSL: hsl(172, 35%, 66%)
Luminanz: 0,501

Star City #5796A1

RGB: rgb(87, 150, 161)
HSL: hsl(189, 30%, 49%)
Luminanz: 0,264

Swiss Plum #524BB3

RGB: rgb(82, 75, 179)
HSL: hsl(244, 41%, 50%)
Luminanz: 0,101

Fading Horizon #471B6E

RGB: rgb(71, 27, 110)
HSL: hsl(272, 61%, 27%)
Luminanz: 0,033

Sapphire Siren #702782

RGB: rgb(112, 39, 130)
HSL: hsl(288, 54%, 33%)
Luminanz: 0,065

Cherry Wine #B0455A

RGB: rgb(176, 69, 90)
HSL: hsl(348, 44%, 48%)
Luminanz: 0,142

Guava Jam #DE8B6F

RGB: rgb(222, 139, 111)
HSL: hsl(15, 63%, 65%)
Luminanz: 0,351

Tainted Gold #EBD694

RGB: rgb(235, 214, 148)
HSL: hsl(46, 69%, 75%)
Luminanz: 0,679

Kontrast & Barrierefreiheit

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

Aa #471B6E auf #EBD694 8,84:1 AAA

Aa #8BC7BF auf #471B6E 6,68:1 AA

Aa #702782 auf #EBD694 6,33:1 AA

Aa #471B6E auf #DE8B6F 4,87:1 AA

Aa #524BB3 auf #EBD694 4,83:1 AA

Aa #8BC7BF auf #702782 4,79:1 AA

Aa #5796A1 auf #471B6E 3,81:1 AA (großer Text)

Aa #B0455A auf #EBD694 3,79:1 AA (großer Text)

Aa #8BC7BF auf #524BB3 3,65:1 AA (großer Text)

Aa #702782 auf #DE8B6F 3,49:1 AA (großer Text)

Aa #8BC7BF auf #B0455A 2,87:1 Nicht bestanden

Aa #5796A1 auf #702782 2,73:1 Nicht bestanden

Aa #524BB3 auf #DE8B6F 2,66:1 Nicht bestanden

Aa #471B6E auf #B0455A 2,33:1 Nicht bestanden

Aa #5796A1 auf #EBD694 2,32:1 Nicht bestanden

Aa #B0455A auf #DE8B6F 2,09:1 Nicht bestanden

Aa #5796A1 auf #524BB3 2,08:1 Nicht bestanden

Aa #524BB3 auf #471B6E 1,83:1 Nicht bestanden

Aa #DE8B6F auf #EBD694 1,82:1 Nicht bestanden

Aa #8BC7BF auf #5796A1 1,75:1 Nicht bestanden

Aa #702782 auf #B0455A 1,67:1 Nicht bestanden

Aa #5796A1 auf #B0455A 1,63:1 Nicht bestanden

Aa #471B6E auf #702782 1,39:1 Nicht bestanden

Aa #8BC7BF auf #DE8B6F 1,37:1 Nicht bestanden

Aa #8BC7BF auf #EBD694 1,32:1 Nicht bestanden

Aa #524BB3 auf #702782 1,31:1 Nicht bestanden

Aa #5796A1 auf #DE8B6F 1,28:1 Nicht bestanden

Aa #524BB3 auf #B0455A 1,27:1 Nicht bestanden

Arjibi8

Arjibi8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen