Startseite Farbpaletten Palette „Summer’s Heat“ mit 4 Farben

Palette „Summer’s Heat“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Summer’s Heat“ mit 4 Farben

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

Bearbeiten

Erdig 4 Farben Warm Gemischt Komplementär

Likes 1.491

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #F8E796;
  --c-earthy-2: #C98B70;
  --c-earthy-3: #635270;
  --c-earthy-4: #363863;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Summer’s Heat (#F8E796) bis zum dunkelsten Ton Rhynchites Nitens (#363863). Sie vereint Summer’s Heat, Baker’s Dream, Rich Texture und Rhynchites Nitens in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F8E796 auf #363863 mit 8,86: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

Summer’s Heat #F8E796

RGB: rgb(248, 231, 150)
HSL: hsl(50, 88%, 78%)
Luminanz: 0,793

Baker’s Dream #C98B70

RGB: rgb(201, 139, 112)
HSL: hsl(18, 45%, 61%)
Luminanz: 0,321

Rich Texture #635270

RGB: rgb(99, 82, 112)
HSL: hsl(274, 15%, 38%)
Luminanz: 0,099

Rhynchites Nitens #363863

RGB: rgb(54, 56, 99)
HSL: hsl(237, 29%, 30%)
Luminanz: 0,045

Kontrast & Barrierefreiheit

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

Aa #F8E796 auf #363863 8,86:1 AAA

Aa #F8E796 auf #635270 5,67:1 AA

Aa #C98B70 auf #363863 3,89:1 AA (großer Text)

Aa #C98B70 auf #635270 2,49:1 Nicht bestanden

Aa #F8E796 auf #C98B70 2,28:1 Nicht bestanden

Aa #635270 auf #363863 1,56:1 Nicht bestanden

Palette „Summer’s Heat“ mit 4 Farben