Contxt 8

Palette mit 8 Farben · Warm · Gemischt · Harmonie: Analog

Zurück zur Bibliothek

Contxt 8

Palette mit 8 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Analog

Bearbeiten

Erdig 8 Farben Warm Gemischt Analog lowsaturation 8color warmcolors

Likes 21

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #EDE9CA;
  --c-earthy-2: #DEC09C;
  --c-earthy-3: #B6AB90;
  --c-earthy-4: #75858A;
  --c-earthy-5: #7C5E4B;
  --c-earthy-6: #513F39;
  --c-earthy-7: #363034;
  --c-earthy-8: #25212B;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Iced Green Apple (#EDE9CA) bis zum dunkelsten Ton To Hell and Black (#25212B). Sie vereint Iced Green Apple, More Cowbell, Travertine Path, Wolf, Rich Walnut, Caviar Black, Lava Black und To Hell and Black in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #EDE9CA auf #25212B mit 12,85: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

Iced Green Apple #EDE9CA

RGB: rgb(237, 233, 202)
HSL: hsl(53, 49%, 86%)
Luminanz: 0,806

More Cowbell #DEC09C

RGB: rgb(222, 192, 156)
HSL: hsl(33, 50%, 74%)
Luminanz: 0,556

Travertine Path #B6AB90

RGB: rgb(182, 171, 144)
HSL: hsl(43, 21%, 64%)
Luminanz: 0,411

Wolf #75858A

RGB: rgb(117, 133, 138)
HSL: hsl(194, 8%, 50%)
Luminanz: 0,224

Rich Walnut #7C5E4B

RGB: rgb(124, 94, 75)
HSL: hsl(23, 25%, 39%)
Luminanz: 0,128

Caviar Black #513F39

RGB: rgb(81, 63, 57)
HSL: hsl(15, 17%, 27%)
Luminanz: 0,056

Lava Black #363034

RGB: rgb(54, 48, 52)
HSL: hsl(320, 6%, 20%)
Luminanz: 0,032

To Hell and Black #25212B

RGB: rgb(37, 33, 43)
HSL: hsl(264, 13%, 15%)
Luminanz: 0,017

Kontrast & Barrierefreiheit

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

Aa #EDE9CA auf #25212B 12,85:1 AAA

Aa #EDE9CA auf #363034 10,50:1 AAA

Aa #DEC09C auf #25212B 9,11:1 AAA

Aa #EDE9CA auf #513F39 8,07:1 AAA

Aa #DEC09C auf #363034 7,44:1 AAA

Aa #B6AB90 auf #25212B 6,92:1 AA

Aa #DEC09C auf #513F39 5,72:1 AA

Aa #B6AB90 auf #363034 5,66:1 AA

Aa #EDE9CA auf #7C5E4B 4,81:1 AA

Aa #B6AB90 auf #513F39 4,35:1 AA (großer Text)

Aa #75858A auf #25212B 4,12:1 AA (großer Text)

Aa #DEC09C auf #7C5E4B 3,41:1 AA (großer Text)

Aa #75858A auf #363034 3,36:1 AA (großer Text)

Aa #EDE9CA auf #75858A 3,12:1 AA (großer Text)

Aa #7C5E4B auf #25212B 2,67:1 Nicht bestanden

Aa #B6AB90 auf #7C5E4B 2,59:1 Nicht bestanden

Aa #75858A auf #513F39 2,58:1 Nicht bestanden

Aa #DEC09C auf #75858A 2,21:1 Nicht bestanden

Aa #7C5E4B auf #363034 2,18:1 Nicht bestanden

Aa #EDE9CA auf #B6AB90 1,86:1 Nicht bestanden

Aa #B6AB90 auf #75858A 1,68:1 Nicht bestanden

Aa #7C5E4B auf #513F39 1,68:1 Nicht bestanden

Aa #513F39 auf #25212B 1,59:1 Nicht bestanden

Aa #75858A auf #7C5E4B 1,54:1 Nicht bestanden

Aa #EDE9CA auf #DEC09C 1,41:1 Nicht bestanden

Aa #DEC09C auf #B6AB90 1,32:1 Nicht bestanden

Aa #513F39 auf #363034 1,30:1 Nicht bestanden

Aa #363034 auf #25212B 1,22:1 Nicht bestanden

Contxt 8

Contxt 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen