Nostalgi8RE

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

Zurück zur Bibliothek

Nostalgi8RE

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

Bearbeiten

Erdig 8 Farben Warm Gemischt Komplementär artist 8 anubiarts desaturated

Likes 119

Farben 8

CSS-Variablen

:root {
  --c-earthy-1: #494252;
  --c-earthy-2: #8A7F85;
  --c-earthy-3: #C7B68D;
  --c-earthy-4: #C79275;
  --c-earthy-5: #96607F;
  --c-earthy-6: #55527A;
  --c-earthy-7: #6284A1;
  --c-earthy-8: #7C9E64;
}

Über diese Palette

Diese erdige Palette mit 8 Farben reicht vom hellsten Ton Soybean (#C7B68D) bis zum dunkelsten Ton Serendibite Black (#494252). Sie vereint Serendibite Black, Ironbreaker, Soybean, African Bubinga, Immortality, Deep Orchid, Bluestone Path und Pea Aubergine 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 #494252 auf #C7B68D mit 4,81: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

Serendibite Black #494252

RGB: rgb(73, 66, 82)
HSL: hsl(266, 11%, 29%)
Luminanz: 0,059

Ironbreaker #8A7F85

RGB: rgb(138, 127, 133)
HSL: hsl(327, 4%, 52%)
Luminanz: 0,223

Soybean #C7B68D

RGB: rgb(199, 182, 141)
HSL: hsl(42, 34%, 67%)
Luminanz: 0,475

African Bubinga #C79275

RGB: rgb(199, 146, 117)
HSL: hsl(21, 42%, 62%)
Luminanz: 0,340

Immortality #96607F

RGB: rgb(150, 96, 127)
HSL: hsl(326, 22%, 48%)
Luminanz: 0,164

Deep Orchid #55527A

RGB: rgb(85, 82, 122)
HSL: hsl(245, 20%, 40%)
Luminanz: 0,094

Bluestone Path #6284A1

RGB: rgb(98, 132, 161)
HSL: hsl(208, 25%, 51%)
Luminanz: 0,217

Pea Aubergine #7C9E64

RGB: rgb(124, 158, 100)
HSL: hsl(95, 23%, 51%)
Luminanz: 0,297

Kontrast & Barrierefreiheit

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

Aa #494252 auf #C7B68D 4,81:1 AA

Aa #C7B68D auf #55527A 3,65:1 AA (großer Text)

Aa #494252 auf #C79275 3,57:1 AA (großer Text)

Aa #494252 auf #7C9E64 3,17:1 AA (großer Text)

Aa #C79275 auf #55527A 2,71:1 Nicht bestanden

Aa #494252 auf #8A7F85 2,50:1 Nicht bestanden

Aa #C7B68D auf #96607F 2,46:1 Nicht bestanden

Aa #494252 auf #6284A1 2,44:1 Nicht bestanden

Aa #55527A auf #7C9E64 2,41:1 Nicht bestanden

Aa #C7B68D auf #6284A1 1,97:1 Nicht bestanden

Aa #494252 auf #96607F 1,96:1 Nicht bestanden

Aa #8A7F85 auf #C7B68D 1,93:1 Nicht bestanden

Aa #8A7F85 auf #55527A 1,90:1 Nicht bestanden

Aa #55527A auf #6284A1 1,86:1 Nicht bestanden

Aa #C79275 auf #96607F 1,82:1 Nicht bestanden

Aa #96607F auf #7C9E64 1,62:1 Nicht bestanden

Aa #C7B68D auf #7C9E64 1,52:1 Nicht bestanden

Aa #96607F auf #55527A 1,49:1 Nicht bestanden

Aa #C79275 auf #6284A1 1,46:1 Nicht bestanden

Aa #8A7F85 auf #C79275 1,43:1 Nicht bestanden

Aa #C7B68D auf #C79275 1,35:1 Nicht bestanden

Aa #494252 auf #55527A 1,32:1 Nicht bestanden

Aa #6284A1 auf #7C9E64 1,30:1 Nicht bestanden

Aa #8A7F85 auf #96607F 1,28:1 Nicht bestanden

Aa #8A7F85 auf #7C9E64 1,27:1 Nicht bestanden

Aa #96607F auf #6284A1 1,25:1 Nicht bestanden

Aa #C79275 auf #7C9E64 1,12:1 Nicht bestanden

Aa #8A7F85 auf #6284A1 1,02:1 Nicht bestanden

Nostalgi8RE

Nostalgi8RE

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen