Insecta

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

Zurück zur Bibliothek

Insecta

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär warm natural insect

Likes 342

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #1A1417;
  --c-earthy-2: #67413A;
  --c-earthy-3: #AF4B3B;
  --c-earthy-4: #C18549;
  --c-earthy-5: #D9CBAE;
  --c-earthy-6: #8DB35E;
  --c-earthy-7: #7C8381;
  --c-earthy-8: #384D64;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Soft Suede (#D9CBAE) bis zum dunkelsten Ton Pot Black (#1A1417). Sie vereint Pot Black, Autumn Fall, Spiced Up, Butterscotch Glaze, Soft Suede, Broccoli, Whale und Rain Boots in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 6 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #1A1417 auf #D9CBAE mit 11,33: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

Pot Black #1A1417

RGB: rgb(26, 20, 23)
HSL: hsl(330, 13%, 9%)
Luminanz: 0,008

Autumn Fall #67413A

RGB: rgb(103, 65, 58)
HSL: hsl(9, 28%, 32%)
Luminanz: 0,070

Spiced Up #AF4B3B

RGB: rgb(175, 75, 59)
HSL: hsl(8, 50%, 46%)
Luminanz: 0,145

Butterscotch Glaze #C18549

RGB: rgb(193, 133, 73)
HSL: hsl(30, 49%, 52%)
Luminanz: 0,286

Soft Suede #D9CBAE

RGB: rgb(217, 203, 174)
HSL: hsl(40, 36%, 77%)
Luminanz: 0,605

Broccoli #8DB35E

RGB: rgb(141, 179, 94)
HSL: hsl(87, 36%, 54%)
Luminanz: 0,387

Whale #7C8381

RGB: rgb(124, 131, 129)
HSL: hsl(163, 3%, 50%)
Luminanz: 0,221

Rain Boots #384D64

RGB: rgb(56, 77, 100)
HSL: hsl(211, 28%, 31%)
Luminanz: 0,071

Kontrast & Barrierefreiheit

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

Aa #1A1417 auf #D9CBAE 11,33:1 AAA

Aa #1A1417 auf #8DB35E 7,56:1 AAA

Aa #1A1417 auf #C18549 5,81:1 AA

Aa #67413A auf #D9CBAE 5,47:1 AA

Aa #D9CBAE auf #384D64 5,43:1 AA

Aa #1A1417 auf #7C8381 4,69:1 AA

Aa #67413A auf #8DB35E 3,65:1 AA (großer Text)

Aa #8DB35E auf #384D64 3,62:1 AA (großer Text)

Aa #1A1417 auf #AF4B3B 3,37:1 AA (großer Text)

Aa #AF4B3B auf #D9CBAE 3,37:1 AA (großer Text)

Aa #67413A auf #C18549 2,81:1 Nicht bestanden

Aa #C18549 auf #384D64 2,78:1 Nicht bestanden

Aa #D9CBAE auf #7C8381 2,42:1 Nicht bestanden

Aa #67413A auf #7C8381 2,26:1 Nicht bestanden

Aa #AF4B3B auf #8DB35E 2,25:1 Nicht bestanden

Aa #7C8381 auf #384D64 2,25:1 Nicht bestanden

Aa #1A1417 auf #384D64 2,09:1 Nicht bestanden

Aa #1A1417 auf #67413A 2,07:1 Nicht bestanden

Aa #C18549 auf #D9CBAE 1,95:1 Nicht bestanden

Aa #AF4B3B auf #C18549 1,73:1 Nicht bestanden

Aa #67413A auf #AF4B3B 1,63:1 Nicht bestanden

Aa #AF4B3B auf #384D64 1,61:1 Nicht bestanden

Aa #8DB35E auf #7C8381 1,61:1 Nicht bestanden

Aa #D9CBAE auf #8DB35E 1,50:1 Nicht bestanden

Aa #AF4B3B auf #7C8381 1,39:1 Nicht bestanden

Aa #C18549 auf #8DB35E 1,30:1 Nicht bestanden

Aa #C18549 auf #7C8381 1,24:1 Nicht bestanden

Aa #67413A auf #384D64 1,01:1 Nicht bestanden

Insecta

Insecta

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen