Matriax8c

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

Zurück zur Bibliothek

Matriax8c

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär artist

Likes 135

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #F0F0DC;
  --c-earthy-2: #FAC800;
  --c-earthy-3: #10C840;
  --c-earthy-4: #00A0C8;
  --c-earthy-5: #D24040;
  --c-earthy-6: #A0694B;
  --c-earthy-7: #736464;
  --c-earthy-8: #101820;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Tears of Joy (#F0F0DC) bis zum dunkelsten Ton Black Stallion (#101820). Sie vereint Tears of Joy, Himawari Yellow, Walled Garden, Resonant Blue, Red Bliss, Foxfire Brown, Paradise Grape und Black Stallion in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F0F0DC auf #101820 mit 15,51: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

Tears of Joy #F0F0DC

RGB: rgb(240, 240, 220)
HSL: hsl(60, 40%, 90%)
Luminanz: 0,860

Himawari Yellow #FAC800

RGB: rgb(250, 200, 0)
HSL: hsl(48, 100%, 49%)
Luminanz: 0,616

Walled Garden #10C840

RGB: rgb(16, 200, 64)
HSL: hsl(136, 85%, 42%)
Luminanz: 0,418

Resonant Blue #00A0C8

RGB: rgb(0, 160, 200)
HSL: hsl(192, 100%, 39%)
Luminanz: 0,293

Red Bliss #D24040

RGB: rgb(210, 64, 64)
HSL: hsl(0, 62%, 54%)
Luminanz: 0,177

Foxfire Brown #A0694B

RGB: rgb(160, 105, 75)
HSL: hsl(21, 36%, 46%)
Luminanz: 0,181

Paradise Grape #736464

RGB: rgb(115, 100, 100)
HSL: hsl(0, 7%, 42%)
Luminanz: 0,137

Black Stallion #101820

RGB: rgb(16, 24, 32)
HSL: hsl(210, 33%, 9%)
Luminanz: 0,009

Kontrast & Barrierefreiheit

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

Aa #F0F0DC auf #101820 15,51:1 AAA

Aa #FAC800 auf #101820 11,36:1 AAA

Aa #10C840 auf #101820 7,97:1 AAA

Aa #00A0C8 auf #101820 5,85:1 AA

Aa #F0F0DC auf #736464 4,87:1 AA

Aa #F0F0DC auf #D24040 4,00:1 AA (großer Text)

Aa #F0F0DC auf #A0694B 3,94:1 AA (großer Text)

Aa #A0694B auf #101820 3,93:1 AA (großer Text)

Aa #D24040 auf #101820 3,88:1 AA (großer Text)

Aa #FAC800 auf #736464 3,57:1 AA (großer Text)

Aa #736464 auf #101820 3,18:1 AA (großer Text)

Aa #FAC800 auf #D24040 2,93:1 Nicht bestanden

Aa #FAC800 auf #A0694B 2,89:1 Nicht bestanden

Aa #F0F0DC auf #00A0C8 2,65:1 Nicht bestanden

Aa #10C840 auf #736464 2,50:1 Nicht bestanden

Aa #10C840 auf #D24040 2,06:1 Nicht bestanden

Aa #10C840 auf #A0694B 2,03:1 Nicht bestanden

Aa #F0F0DC auf #10C840 1,95:1 Nicht bestanden

Aa #FAC800 auf #00A0C8 1,94:1 Nicht bestanden

Aa #00A0C8 auf #736464 1,84:1 Nicht bestanden

Aa #00A0C8 auf #D24040 1,51:1 Nicht bestanden

Aa #00A0C8 auf #A0694B 1,49:1 Nicht bestanden

Aa #FAC800 auf #10C840 1,42:1 Nicht bestanden

Aa #F0F0DC auf #FAC800 1,37:1 Nicht bestanden

Aa #10C840 auf #00A0C8 1,36:1 Nicht bestanden

Aa #A0694B auf #736464 1,24:1 Nicht bestanden

Aa #D24040 auf #736464 1,22:1 Nicht bestanden

Aa #D24040 auf #A0694B 1,02:1 Nicht bestanden

Matriax8c

Matriax8c

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen