Desat

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

Zurück zur Bibliothek

Desat

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

Bearbeiten

Erdig 4 Farben Warm Gemischt Analog polyphrog brown gb coffee

Likes 67

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #291A1F;
  --c-earthy-2: #675650;
  --c-earthy-3: #BEA87D;
  --c-earthy-4: #F0E0CF;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Naturale (#F0E0CF) bis zum dunkelsten Ton Kurobeni (#291A1F). Sie vereint Kurobeni, Harvest Oak, Sonora Hills und Naturale in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #291A1F auf #F0E0CF mit 12,89: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

Kurobeni #291A1F

RGB: rgb(41, 26, 31)
HSL: hsl(340, 22%, 13%)
Luminanz: 0,013

Harvest Oak #675650

RGB: rgb(103, 86, 80)
HSL: hsl(16, 13%, 36%)
Luminanz: 0,101

Sonora Hills #BEA87D

RGB: rgb(190, 168, 125)
HSL: hsl(40, 33%, 62%)
Luminanz: 0,404

Naturale #F0E0CF

RGB: rgb(240, 224, 207)
HSL: hsl(31, 52%, 88%)
Luminanz: 0,763

Kontrast & Barrierefreiheit

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

Aa #291A1F auf #F0E0CF 12,89:1 AAA

Aa #291A1F auf #BEA87D 7,20:1 AAA

Aa #675650 auf #F0E0CF 5,38:1 AA

Aa #675650 auf #BEA87D 3,01:1 AA (großer Text)

Aa #291A1F auf #675650 2,40:1 Nicht bestanden

Aa #BEA87D auf #F0E0CF 1,79:1 Nicht bestanden

Desat

Desat

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen