Cave

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

Zurück zur Bibliothek

Cave

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär artist pinetreepizza

Likes 57

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #000000;
  --c-earthy-2: #100029;
  --c-earthy-3: #361D23;
  --c-earthy-4: #443F4F;
  --c-earthy-5: #8F56B3;
  --c-earthy-6: #C79065;
  --c-earthy-7: #9CE4C7;
  --c-earthy-8: #F5F5F5;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton White Smoke (#F5F5F5) bis zum dunkelsten Ton Black (#000000). Sie vereint Black, Space Grey, Warm Balaclavas Are Forever, Loom of Fate, Lusty Lavender, Butterum, Bright Sea Green und White Smoke in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 12 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #000000 auf #F5F5F5 mit 19,26: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

Black #000000

RGB: rgb(0, 0, 0)
HSL: hsl(0, 0%, 0%)
Luminanz: 0,000

Space Grey #100029

RGB: rgb(16, 0, 41)
HSL: hsl(263, 100%, 8%)
Luminanz: 0,003

Warm Balaclavas Are Forever #361D23

RGB: rgb(54, 29, 35)
HSL: hsl(346, 30%, 16%)
Luminanz: 0,018

Loom of Fate #443F4F

RGB: rgb(68, 63, 79)
HSL: hsl(259, 11%, 28%)
Luminanz: 0,054

Lusty Lavender #8F56B3

RGB: rgb(143, 86, 179)
HSL: hsl(277, 38%, 52%)
Luminanz: 0,158

Butterum #C79065

RGB: rgb(199, 144, 101)
HSL: hsl(26, 47%, 59%)
Luminanz: 0,330

Bright Sea Green #9CE4C7

RGB: rgb(156, 228, 199)
HSL: hsl(156, 57%, 75%)
Luminanz: 0,667

White Smoke #F5F5F5

RGB: rgb(245, 245, 245)
HSL: hsl(0, 0%, 96%)
Luminanz: 0,913

Kontrast & Barrierefreiheit

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

Aa #000000 auf #F5F5F5 19,26:1 AAA

Aa #100029 auf #F5F5F5 18,27:1 AAA

Aa #000000 auf #9CE4C7 14,34:1 AAA

Aa #361D23 auf #F5F5F5 14,20:1 AAA

Aa #100029 auf #9CE4C7 13,60:1 AAA

Aa #361D23 auf #9CE4C7 10,57:1 AAA

Aa #443F4F auf #F5F5F5 9,31:1 AAA

Aa #000000 auf #C79065 7,61:1 AAA

Aa #100029 auf #C79065 7,22:1 AAA

Aa #443F4F auf #9CE4C7 6,93:1 AA

Aa #361D23 auf #C79065 5,61:1 AA

Aa #8F56B3 auf #F5F5F5 4,64:1 AA

Aa #000000 auf #8F56B3 4,15:1 AA (großer Text)

Aa #100029 auf #8F56B3 3,94:1 AA (großer Text)

Aa #443F4F auf #C79065 3,67:1 AA (großer Text)

Aa #8F56B3 auf #9CE4C7 3,45:1 AA (großer Text)

Aa #361D23 auf #8F56B3 3,06:1 AA (großer Text)

Aa #C79065 auf #F5F5F5 2,53:1 Nicht bestanden

Aa #000000 auf #443F4F 2,07:1 Nicht bestanden

Aa #443F4F auf #8F56B3 2,01:1 Nicht bestanden

Aa #100029 auf #443F4F 1,96:1 Nicht bestanden

Aa #C79065 auf #9CE4C7 1,88:1 Nicht bestanden

Aa #8F56B3 auf #C79065 1,83:1 Nicht bestanden

Aa #361D23 auf #443F4F 1,53:1 Nicht bestanden

Aa #000000 auf #361D23 1,36:1 Nicht bestanden

Aa #9CE4C7 auf #F5F5F5 1,34:1 Nicht bestanden

Aa #100029 auf #361D23 1,29:1 Nicht bestanden

Aa #000000 auf #100029 1,05:1 Nicht bestanden

Cave

Cave

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen