MARMUUU!

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

Zurück zur Bibliothek

MARMUUU!

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

Bearbeiten

Erdig 7 Farben Warm Gemischt Komplementär green fall warm videogame

Likes 33

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #061F36;
  --c-earthy-2: #63504A;
  --c-earthy-3: #BB7D65;
  --c-earthy-4: #E5C5A8;
  --c-earthy-5: #BAB89E;
  --c-earthy-6: #909680;
  --c-earthy-7: #6D7769;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton Pumpkin Cream (#E5C5A8) bis zum dunkelsten Ton Cyanophobia (#061F36). Sie vereint Cyanophobia, Chocolate Pretzel, Autumn’s Hill, Pumpkin Cream, Court Green, Veranda Green und Fir Spruce Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #061F36 auf #E5C5A8 mit 10,25: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

Cyanophobia #061F36

RGB: rgb(6, 31, 54)
HSL: hsl(209, 80%, 12%)
Luminanz: 0,013

Chocolate Pretzel #63504A

RGB: rgb(99, 80, 74)
HSL: hsl(14, 14%, 34%)
Luminanz: 0,089

Autumn’s Hill #BB7D65

RGB: rgb(187, 125, 101)
HSL: hsl(17, 39%, 56%)
Luminanz: 0,262

Pumpkin Cream #E5C5A8

RGB: rgb(229, 197, 168)
HSL: hsl(29, 54%, 78%)
Luminanz: 0,594

Court Green #BAB89E

RGB: rgb(186, 184, 158)
HSL: hsl(56, 17%, 67%)
Luminanz: 0,472

Veranda Green #909680

RGB: rgb(144, 150, 128)
HSL: hsl(76, 9%, 55%)
Luminanz: 0,293

Fir Spruce Green #6D7769

RGB: rgb(109, 119, 105)
HSL: hsl(103, 6%, 44%)
Luminanz: 0,175

Kontrast & Barrierefreiheit

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

Aa #061F36 auf #E5C5A8 10,25:1 AAA

Aa #061F36 auf #BAB89E 8,30:1 AAA

Aa #061F36 auf #909680 5,46:1 AA

Aa #061F36 auf #BB7D65 4,96:1 AA

Aa #63504A auf #E5C5A8 4,64:1 AA

Aa #63504A auf #BAB89E 3,76:1 AA (großer Text)

Aa #061F36 auf #6D7769 3,57:1 AA (großer Text)

Aa #E5C5A8 auf #6D7769 2,87:1 Nicht bestanden

Aa #63504A auf #909680 2,47:1 Nicht bestanden

Aa #BAB89E auf #6D7769 2,32:1 Nicht bestanden

Aa #63504A auf #BB7D65 2,25:1 Nicht bestanden

Aa #061F36 auf #63504A 2,21:1 Nicht bestanden

Aa #BB7D65 auf #E5C5A8 2,07:1 Nicht bestanden

Aa #E5C5A8 auf #909680 1,88:1 Nicht bestanden

Aa #BB7D65 auf #BAB89E 1,67:1 Nicht bestanden

Aa #63504A auf #6D7769 1,62:1 Nicht bestanden

Aa #909680 auf #6D7769 1,53:1 Nicht bestanden

Aa #BAB89E auf #909680 1,52:1 Nicht bestanden

Aa #BB7D65 auf #6D7769 1,39:1 Nicht bestanden

Aa #E5C5A8 auf #BAB89E 1,23:1 Nicht bestanden

Aa #BB7D65 auf #909680 1,10:1 Nicht bestanden

MARMUUU!

MARMUUU!

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen