Nicely Dead

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

Zurück zur Bibliothek

Nicely Dead

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär muted dead die marchmadnesspalettecontest

Likes 95

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #3B2933;
  --c-earthy-2: #56435C;
  --c-earthy-3: #4B6A63;
  --c-earthy-4: #809665;
  --c-earthy-5: #C7A8A0;
  --c-earthy-6: #B77B79;
  --c-earthy-7: #746889;
  --c-earthy-8: #9F484E;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Teatime Mauve (#C7A8A0) bis zum dunkelsten Ton Late Night Out (#3B2933). Sie vereint Late Night Out, Navy Cosmos, Riverbend, Pea Aubergine, Teatime Mauve, Wild Party, Beets und Regal Red in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #3B2933 auf #C7A8A0 mit 6,15: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

Late Night Out #3B2933

RGB: rgb(59, 41, 51)
HSL: hsl(327, 18%, 20%)
Luminanz: 0,028

Navy Cosmos #56435C

RGB: rgb(86, 67, 92)
HSL: hsl(286, 16%, 31%)
Luminanz: 0,068

Riverbend #4B6A63

RGB: rgb(75, 106, 99)
HSL: hsl(166, 17%, 35%)
Luminanz: 0,127

Pea Aubergine #809665

RGB: rgb(128, 150, 101)
HSL: hsl(87, 20%, 49%)
Luminanz: 0,273

Teatime Mauve #C7A8A0

RGB: rgb(199, 168, 160)
HSL: hsl(12, 26%, 70%)
Luminanz: 0,427

Wild Party #B77B79

RGB: rgb(183, 123, 121)
HSL: hsl(2, 30%, 60%)
Luminanz: 0,256

Beets #746889

RGB: rgb(116, 104, 137)
HSL: hsl(262, 14%, 47%)
Luminanz: 0,154

Regal Red #9F484E

RGB: rgb(159, 72, 78)
HSL: hsl(356, 38%, 45%)
Luminanz: 0,126

Kontrast & Barrierefreiheit

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

Aa #3B2933 auf #C7A8A0 6,15:1 AA

Aa #3B2933 auf #809665 4,17:1 AA (großer Text)

Aa #56435C auf #C7A8A0 4,05:1 AA (großer Text)

Aa #3B2933 auf #B77B79 3,95:1 AA (großer Text)

Aa #56435C auf #809665 2,75:1 Nicht bestanden

Aa #C7A8A0 auf #9F484E 2,72:1 Nicht bestanden

Aa #4B6A63 auf #C7A8A0 2,69:1 Nicht bestanden

Aa #3B2933 auf #746889 2,63:1 Nicht bestanden

Aa #56435C auf #B77B79 2,60:1 Nicht bestanden

Aa #C7A8A0 auf #746889 2,34:1 Nicht bestanden

Aa #3B2933 auf #4B6A63 2,28:1 Nicht bestanden

Aa #3B2933 auf #9F484E 2,26:1 Nicht bestanden

Aa #809665 auf #9F484E 1,84:1 Nicht bestanden

Aa #4B6A63 auf #809665 1,83:1 Nicht bestanden

Aa #56435C auf #746889 1,74:1 Nicht bestanden

Aa #B77B79 auf #9F484E 1,74:1 Nicht bestanden

Aa #4B6A63 auf #B77B79 1,73:1 Nicht bestanden

Aa #809665 auf #746889 1,58:1 Nicht bestanden

Aa #C7A8A0 auf #B77B79 1,56:1 Nicht bestanden

Aa #3B2933 auf #56435C 1,52:1 Nicht bestanden

Aa #56435C auf #4B6A63 1,50:1 Nicht bestanden

Aa #B77B79 auf #746889 1,50:1 Nicht bestanden

Aa #56435C auf #9F484E 1,49:1 Nicht bestanden

Aa #809665 auf #C7A8A0 1,47:1 Nicht bestanden

Aa #746889 auf #9F484E 1,16:1 Nicht bestanden

Aa #4B6A63 auf #746889 1,15:1 Nicht bestanden

Aa #809665 auf #B77B79 1,06:1 Nicht bestanden

Aa #4B6A63 auf #9F484E 1,01:1 Nicht bestanden

Nicely Dead

Nicely Dead

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen