Joker 6

Palette mit 6 Farben · Warm · Gemischt · Harmonie: Monochrom

Zurück zur Bibliothek

Joker 6

Palette mit 6 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Monochrom

Bearbeiten

Erdig 6 Farben Warm Gemischt Monochrom black white red cards

Likes 140

Farben 6

CSS-Variablen

:root {
  --c-earthy-1: #EF1A1A;
  --c-earthy-2: #AC1717;
  --c-earthy-3: #F3D8D8;
  --c-earthy-4: #B18B8B;
  --c-earthy-5: #353441;
  --c-earthy-6: #1B1A1D;
}

Über diese Palette

Diese erdige Palette mit 6 Farben reicht vom hellsten Ton Scented Valentine (#F3D8D8) bis zum dunkelsten Ton Gluon Grey (#1B1A1D). Sie vereint Blood Donor, Ketchup Later, Scented Valentine, Mauve Day, Sceptre Blue und Gluon Grey 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 #F3D8D8 auf #1B1A1D mit 12,89: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

Blood Donor #EF1A1A

RGB: rgb(239, 26, 26)
HSL: hsl(0, 87%, 52%)
Luminanz: 0,192

Ketchup Later #AC1717

RGB: rgb(172, 23, 23)
HSL: hsl(0, 76%, 38%)
Luminanz: 0,095

Scented Valentine #F3D8D8

RGB: rgb(243, 216, 216)
HSL: hsl(0, 53%, 90%)
Luminanz: 0,731

Mauve Day #B18B8B

RGB: rgb(177, 139, 139)
HSL: hsl(0, 20%, 62%)
Luminanz: 0,297

Sceptre Blue #353441

RGB: rgb(53, 52, 65)
HSL: hsl(245, 11%, 23%)
Luminanz: 0,036

Gluon Grey #1B1A1D

RGB: rgb(27, 26, 29)
HSL: hsl(260, 5%, 11%)
Luminanz: 0,011

Kontrast & Barrierefreiheit

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

Aa #F3D8D8 auf #1B1A1D 12,89:1 AAA

Aa #F3D8D8 auf #353441 9,09:1 AAA

Aa #B18B8B auf #1B1A1D 5,72:1 AA

Aa #AC1717 auf #F3D8D8 5,41:1 AA

Aa #B18B8B auf #353441 4,03:1 AA (großer Text)

Aa #EF1A1A auf #1B1A1D 3,99:1 AA (großer Text)

Aa #EF1A1A auf #F3D8D8 3,23:1 AA (großer Text)

Aa #EF1A1A auf #353441 2,81:1 Nicht bestanden

Aa #AC1717 auf #B18B8B 2,40:1 Nicht bestanden

Aa #AC1717 auf #1B1A1D 2,38:1 Nicht bestanden

Aa #F3D8D8 auf #B18B8B 2,25:1 Nicht bestanden

Aa #AC1717 auf #353441 1,68:1 Nicht bestanden

Aa #EF1A1A auf #AC1717 1,67:1 Nicht bestanden

Aa #EF1A1A auf #B18B8B 1,44:1 Nicht bestanden

Aa #353441 auf #1B1A1D 1,42:1 Nicht bestanden

Joker 6

Joker 6

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen