LOW 8

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

Zurück zur Bibliothek

LOW 8

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär 8 soundsdotzip low

Likes 127

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #111323;
  --c-earthy-2: #374566;
  --c-earthy-3: #50785D;
  --c-earthy-4: #8497B3;
  --c-earthy-5: #E8DCD8;
  --c-earthy-6: #CFB463;
  --c-earthy-7: #B35447;
  --c-earthy-8: #692E4B;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Wistful Beige (#E8DCD8) bis zum dunkelsten Ton Corbeau (#111323). Sie vereint Corbeau, Garnet Stone Blue, Como, Monsoon Season, Wistful Beige, Banh Bot Loc Dumpling, Hot and Spicy und Old Mauve in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 7 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #111323 auf #E8DCD8 mit 13,72: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

Corbeau #111323

RGB: rgb(17, 19, 35)
HSL: hsl(233, 35%, 10%)
Luminanz: 0,007

Garnet Stone Blue #374566

RGB: rgb(55, 69, 102)
HSL: hsl(222, 30%, 31%)
Luminanz: 0,060

Como #50785D

RGB: rgb(80, 120, 93)
HSL: hsl(140, 20%, 39%)
Luminanz: 0,159

Monsoon Season #8497B3

RGB: rgb(132, 151, 179)
HSL: hsl(216, 24%, 61%)
Luminanz: 0,303

Wistful Beige #E8DCD8

RGB: rgb(232, 220, 216)
HSL: hsl(15, 26%, 88%)
Luminanz: 0,733

Banh Bot Loc Dumpling #CFB463

RGB: rgb(207, 180, 99)
HSL: hsl(45, 53%, 60%)
Luminanz: 0,468

Hot and Spicy #B35447

RGB: rgb(179, 84, 71)
HSL: hsl(7, 43%, 49%)
Luminanz: 0,164

Old Mauve #692E4B

RGB: rgb(105, 46, 75)
HSL: hsl(331, 39%, 30%)
Luminanz: 0,055

Kontrast & Barrierefreiheit

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

Aa #111323 auf #E8DCD8 13,72:1 AAA

Aa #111323 auf #CFB463 9,08:1 AAA

Aa #E8DCD8 auf #692E4B 7,48:1 AAA

Aa #374566 auf #E8DCD8 7,10:1 AAA

Aa #111323 auf #8497B3 6,19:1 AA

Aa #CFB463 auf #692E4B 4,95:1 AA

Aa #374566 auf #CFB463 4,70:1 AA

Aa #111323 auf #B35447 3,75:1 AA (großer Text)

Aa #50785D auf #E8DCD8 3,74:1 AA (großer Text)

Aa #111323 auf #50785D 3,67:1 AA (großer Text)

Aa #E8DCD8 auf #B35447 3,66:1 AA (großer Text)

Aa #8497B3 auf #692E4B 3,37:1 AA (großer Text)

Aa #374566 auf #8497B3 3,20:1 AA (großer Text)

Aa #50785D auf #CFB463 2,48:1 Nicht bestanden

Aa #CFB463 auf #B35447 2,42:1 Nicht bestanden

Aa #8497B3 auf #E8DCD8 2,22:1 Nicht bestanden

Aa #B35447 auf #692E4B 2,04:1 Nicht bestanden

Aa #50785D auf #692E4B 2,00:1 Nicht bestanden

Aa #374566 auf #B35447 1,94:1 Nicht bestanden

Aa #111323 auf #374566 1,93:1 Nicht bestanden

Aa #374566 auf #50785D 1,90:1 Nicht bestanden

Aa #111323 auf #692E4B 1,83:1 Nicht bestanden

Aa #50785D auf #8497B3 1,69:1 Nicht bestanden

Aa #8497B3 auf #B35447 1,65:1 Nicht bestanden

Aa #E8DCD8 auf #CFB463 1,51:1 Nicht bestanden

Aa #8497B3 auf #CFB463 1,47:1 Nicht bestanden

Aa #374566 auf #692E4B 1,05:1 Nicht bestanden

Aa #50785D auf #B35447 1,02:1 Nicht bestanden

LOW 8

LOW 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen