Argeebey 8

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

Zurück zur Bibliothek

Argeebey 8

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär skeddlespicks

Likes 146

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #1F246A;
  --c-earthy-3: #8A1181;
  --c-earthy-4: #D14444;
  --c-earthy-5: #2CA53E;
  --c-earthy-6: #68CBCB;
  --c-earthy-7: #E3C72D;
  --c-earthy-8: #FFFFFF;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, After Work Blue, Violaceous Greti, Bullfighters Red, Vitalize, Petrichor, Thai Temple und White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 11 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #FFFFFF mit 21: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

Black #000000

RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Luminanz: 0,000

After Work Blue #1F246A

RGB: rgb(31, 36, 106)
HSL: hsl(236, 55%, 27%)
Luminanz: 0,026

Violaceous Greti #8A1181

RGB: rgb(138, 17, 129)
HSL: hsl(304, 78%, 30%)
Luminanz: 0,074

Bullfighters Red #D14444

RGB: rgb(209, 68, 68)
HSL: hsl(0, 61%, 54%)
Luminanz: 0,181

Vitalize #2CA53E

RGB: rgb(44, 165, 62)
HSL: hsl(129, 58%, 41%)
Luminanz: 0,278

Petrichor #68CBCB

RGB: rgb(104, 203, 203)
HSL: hsl(180, 49%, 60%)
Luminanz: 0,500

Thai Temple #E3C72D

RGB: rgb(227, 199, 45)
HSL: hsl(51, 76%, 53%)
Luminanz: 0,574

White #FFFFFF

RGB: rgb(255, 255, 255)
HSL: hsl(0, 0%, 100%)
Luminanz: 1,000

Kontrast & Barrierefreiheit

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

Aa #000000 auf #FFFFFF 21,00:1 AAA

Aa #1F246A auf #FFFFFF 13,83:1 AAA

Aa #000000 auf #E3C72D 12,47:1 AAA

Aa #000000 auf #68CBCB 10,99:1 AAA

Aa #8A1181 auf #FFFFFF 8,48:1 AAA

Aa #1F246A auf #E3C72D 8,21:1 AAA

Aa #1F246A auf #68CBCB 7,24:1 AAA

Aa #000000 auf #2CA53E 6,56:1 AA

Aa #8A1181 auf #E3C72D 5,03:1 AA

Aa #000000 auf #D14444 4,62:1 AA

Aa #D14444 auf #FFFFFF 4,54:1 AA

Aa #8A1181 auf #68CBCB 4,44:1 AA (großer Text)

Aa #1F246A auf #2CA53E 4,32:1 AA (großer Text)

Aa #2CA53E auf #FFFFFF 3,20:1 AA (großer Text)

Aa #1F246A auf #D14444 3,04:1 AA (großer Text)

Aa #D14444 auf #E3C72D 2,70:1 Nicht bestanden

Aa #8A1181 auf #2CA53E 2,65:1 Nicht bestanden

Aa #000000 auf #8A1181 2,48:1 Nicht bestanden

Aa #D14444 auf #68CBCB 2,38:1 Nicht bestanden

Aa #68CBCB auf #FFFFFF 1,91:1 Nicht bestanden

Aa #2CA53E auf #E3C72D 1,90:1 Nicht bestanden

Aa #8A1181 auf #D14444 1,87:1 Nicht bestanden

Aa #2CA53E auf #68CBCB 1,68:1 Nicht bestanden

Aa #E3C72D auf #FFFFFF 1,68:1 Nicht bestanden

Aa #1F246A auf #8A1181 1,63:1 Nicht bestanden

Aa #000000 auf #1F246A 1,52:1 Nicht bestanden

Aa #D14444 auf #2CA53E 1,42:1 Nicht bestanden

Aa #68CBCB auf #E3C72D 1,13:1 Nicht bestanden

Argeebey 8

Argeebey 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen