Bonehead7

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

Zurück zur Bibliothek

Bonehead7

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

Bearbeiten

Erdig 7 Farben Warm Gemischt Analog 7 bone bonehead bonehead7

Likes 23

Farben 7

CSS-Variablen

:root {
  --c-earthy-1: #341A22;
  --c-earthy-2: #4E2D38;
  --c-earthy-3: #7E5558;
  --c-earthy-4: #AD9485;
  --c-earthy-5: #CDBFAE;
  --c-earthy-6: #E9E7DD;
  --c-earthy-7: #FFFFFF;
}

Über diese Palette

Diese erdige Palette mit 7 Farben reicht vom hellsten Ton White (#FFFFFF) bis zum dunkelsten Ton Bruised Plum (#341A22). Sie vereint Bruised Plum, Japanese Wineberry, Lampoon, Silent Sands, Sandbar, Santa’s Beard und White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #341A22 auf #FFFFFF mit 15,95: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

Bruised Plum #341A22

RGB: rgb(52, 26, 34)
HSL: hsl(342, 33%, 15%)
Luminanz: 0,016

Japanese Wineberry #4E2D38

RGB: rgb(78, 45, 56)
HSL: hsl(340, 27%, 24%)
Luminanz: 0,038

Lampoon #7E5558

RGB: rgb(126, 85, 88)
HSL: hsl(356, 19%, 41%)
Luminanz: 0,116

Silent Sands #AD9485

RGB: rgb(173, 148, 133)
HSL: hsl(23, 20%, 60%)
Luminanz: 0,318

Sandbar #CDBFAE

RGB: rgb(205, 191, 174)
HSL: hsl(33, 24%, 74%)
Luminanz: 0,533

Santa’s Beard #E9E7DD

RGB: rgb(233, 231, 221)
HSL: hsl(50, 21%, 89%)
Luminanz: 0,797

White #FFFFFF

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

Kontrast & Barrierefreiheit

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

Aa #341A22 auf #FFFFFF 15,95:1 AAA

Aa #341A22 auf #E9E7DD 12,86:1 AAA

Aa #4E2D38 auf #FFFFFF 11,96:1 AAA

Aa #4E2D38 auf #E9E7DD 9,64:1 AAA

Aa #341A22 auf #CDBFAE 8,85:1 AAA

Aa #4E2D38 auf #CDBFAE 6,64:1 AA

Aa #7E5558 auf #FFFFFF 6,31:1 AA

Aa #341A22 auf #AD9485 5,58:1 AA

Aa #7E5558 auf #E9E7DD 5,09:1 AA

Aa #4E2D38 auf #AD9485 4,19:1 AA (großer Text)

Aa #7E5558 auf #CDBFAE 3,50:1 AA (großer Text)

Aa #AD9485 auf #FFFFFF 2,86:1 Nicht bestanden

Aa #341A22 auf #7E5558 2,53:1 Nicht bestanden

Aa #AD9485 auf #E9E7DD 2,30:1 Nicht bestanden

Aa #7E5558 auf #AD9485 2,21:1 Nicht bestanden

Aa #4E2D38 auf #7E5558 1,89:1 Nicht bestanden

Aa #CDBFAE auf #FFFFFF 1,80:1 Nicht bestanden

Aa #AD9485 auf #CDBFAE 1,59:1 Nicht bestanden

Aa #CDBFAE auf #E9E7DD 1,45:1 Nicht bestanden

Aa #341A22 auf #4E2D38 1,33:1 Nicht bestanden

Aa #E9E7DD auf #FFFFFF 1,24:1 Nicht bestanden

Bonehead7

Bonehead7

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen