Jehkoba8

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

Zurück zur Bibliothek

Jehkoba8

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär green orange red warm

Likes 49

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #42333C;
  --c-earthy-2: #9A5552;
  --c-earthy-3: #CD8769;
  --c-earthy-4: #EAC378;
  --c-earthy-5: #5C668A;
  --c-earthy-6: #58979D;
  --c-earthy-7: #79D86D;
  --c-earthy-8: #E0F0AF;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Spring Kiss (#E0F0AF) bis zum dunkelsten Ton Deep Space Frigate (#42333C). Sie vereint Deep Space Frigate, Brown Cerberus, Escalope, Golden Thread, Champion Blue, Star City, Pastel Green und Spring Kiss 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 #42333C auf #E0F0AF mit 9,74: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

Deep Space Frigate #42333C

RGB: rgb(66, 51, 60)
HSL: hsl(324, 13%, 23%)
Luminanz: 0,039

Brown Cerberus #9A5552

RGB: rgb(154, 85, 82)
HSL: hsl(2, 31%, 46%)
Luminanz: 0,140

Escalope #CD8769

RGB: rgb(205, 135, 105)
HSL: hsl(18, 50%, 61%)
Luminanz: 0,313

Golden Thread #EAC378

RGB: rgb(234, 195, 120)
HSL: hsl(39, 73%, 69%)
Luminanz: 0,579

Champion Blue #5C668A

RGB: rgb(92, 102, 138)
HSL: hsl(227, 20%, 45%)
Luminanz: 0,136

Star City #58979D

RGB: rgb(88, 151, 157)
HSL: hsl(185, 28%, 48%)
Luminanz: 0,266

Pastel Green #79D86D

RGB: rgb(121, 216, 109)
HSL: hsl(113, 58%, 64%)
Luminanz: 0,543

Spring Kiss #E0F0AF

RGB: rgb(224, 240, 175)
HSL: hsl(75, 68%, 81%)
Luminanz: 0,813

Kontrast & Barrierefreiheit

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

Aa #42333C auf #E0F0AF 9,74:1 AAA

Aa #42333C auf #EAC378 7,10:1 AAA

Aa #42333C auf #79D86D 6,70:1 AA

Aa #5C668A auf #E0F0AF 4,63:1 AA

Aa #9A5552 auf #E0F0AF 4,55:1 AA

Aa #42333C auf #CD8769 4,10:1 AA (großer Text)

Aa #42333C auf #58979D 3,57:1 AA (großer Text)

Aa #EAC378 auf #5C668A 3,38:1 AA (großer Text)

Aa #9A5552 auf #EAC378 3,31:1 AA (großer Text)

Aa #5C668A auf #79D86D 3,18:1 AA (großer Text)

Aa #9A5552 auf #79D86D 3,12:1 AA (großer Text)

Aa #58979D auf #E0F0AF 2,73:1 Nicht bestanden

Aa #CD8769 auf #E0F0AF 2,37:1 Nicht bestanden

Aa #42333C auf #9A5552 2,14:1 Nicht bestanden

Aa #42333C auf #5C668A 2,10:1 Nicht bestanden

Aa #EAC378 auf #58979D 1,99:1 Nicht bestanden

Aa #CD8769 auf #5C668A 1,95:1 Nicht bestanden

Aa #9A5552 auf #CD8769 1,91:1 Nicht bestanden

Aa #58979D auf #79D86D 1,87:1 Nicht bestanden

Aa #CD8769 auf #EAC378 1,73:1 Nicht bestanden

Aa #5C668A auf #58979D 1,70:1 Nicht bestanden

Aa #9A5552 auf #58979D 1,67:1 Nicht bestanden

Aa #CD8769 auf #79D86D 1,63:1 Nicht bestanden

Aa #79D86D auf #E0F0AF 1,46:1 Nicht bestanden

Aa #EAC378 auf #E0F0AF 1,37:1 Nicht bestanden

Aa #CD8769 auf #58979D 1,15:1 Nicht bestanden

Aa #EAC378 auf #79D86D 1,06:1 Nicht bestanden

Aa #9A5552 auf #5C668A 1,02:1 Nicht bestanden

Jehkoba8

Jehkoba8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen