TNR 8

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

Zurück zur Bibliothek

TNR 8

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär white red blue

Likes 167

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #191E23;
  --c-earthy-2: #1F2545;
  --c-earthy-3: #412C35;
  --c-earthy-4: #63374A;
  --c-earthy-5: #A43838;
  --c-earthy-6: #E95050;
  --c-earthy-7: #FF8D99;
  --c-earthy-8: #FFD7D7;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton We Peep (#FFD7D7) bis zum dunkelsten Ton Satin Deep Black (#191E23). Sie vereint Satin Deep Black, Fainting Light, Venous Blood Red, High Priest, Hibiscus Red, Fever, Conch Shell und We Peep in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 9 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #191E23 auf #FFD7D7 mit 12,75: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

Satin Deep Black #191E23

RGB: rgb(25, 30, 35)
HSL: hsl(210, 17%, 12%)
Luminanz: 0,013

Fainting Light #1F2545

RGB: rgb(31, 37, 69)
HSL: hsl(231, 38%, 20%)
Luminanz: 0,020

Venous Blood Red #412C35

RGB: rgb(65, 44, 53)
HSL: hsl(334, 19%, 21%)
Luminanz: 0,032

High Priest #63374A

RGB: rgb(99, 55, 74)
HSL: hsl(334, 29%, 30%)
Luminanz: 0,059

Hibiscus Red #A43838

RGB: rgb(164, 56, 56)
HSL: hsl(0, 49%, 43%)
Luminanz: 0,110

Fever #E95050

RGB: rgb(233, 80, 80)
HSL: hsl(0, 78%, 61%)
Luminanz: 0,236

Conch Shell #FF8D99

RGB: rgb(255, 141, 153)
HSL: hsl(354, 100%, 78%)
Luminanz: 0,426

We Peep #FFD7D7

RGB: rgb(255, 215, 215)
HSL: hsl(0, 100%, 92%)
Luminanz: 0,748

Kontrast & Barrierefreiheit

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

Aa #191E23 auf #FFD7D7 12,75:1 AAA

Aa #1F2545 auf #FFD7D7 11,32:1 AAA

Aa #412C35 auf #FFD7D7 9,75:1 AAA

Aa #191E23 auf #FF8D99 7,61:1 AAA

Aa #63374A auf #FFD7D7 7,33:1 AAA

Aa #1F2545 auf #FF8D99 6,76:1 AA

Aa #412C35 auf #FF8D99 5,82:1 AA

Aa #A43838 auf #FFD7D7 4,98:1 AA

Aa #191E23 auf #E95050 4,58:1 AA

Aa #63374A auf #FF8D99 4,38:1 AA (großer Text)

Aa #1F2545 auf #E95050 4,07:1 AA (großer Text)

Aa #412C35 auf #E95050 3,50:1 AA (großer Text)

Aa #A43838 auf #FF8D99 2,97:1 Nicht bestanden

Aa #E95050 auf #FFD7D7 2,79:1 Nicht bestanden

Aa #63374A auf #E95050 2,63:1 Nicht bestanden

Aa #191E23 auf #A43838 2,56:1 Nicht bestanden

Aa #1F2545 auf #A43838 2,27:1 Nicht bestanden

Aa #412C35 auf #A43838 1,96:1 Nicht bestanden

Aa #A43838 auf #E95050 1,79:1 Nicht bestanden

Aa #191E23 auf #63374A 1,74:1 Nicht bestanden

Aa #FF8D99 auf #FFD7D7 1,68:1 Nicht bestanden

Aa #E95050 auf #FF8D99 1,66:1 Nicht bestanden

Aa #1F2545 auf #63374A 1,54:1 Nicht bestanden

Aa #63374A auf #A43838 1,47:1 Nicht bestanden

Aa #412C35 auf #63374A 1,33:1 Nicht bestanden

Aa #191E23 auf #412C35 1,31:1 Nicht bestanden

Aa #1F2545 auf #412C35 1,16:1 Nicht bestanden

Aa #191E23 auf #1F2545 1,13:1 Nicht bestanden

TNR 8

TNR 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen