Startseite Farbpaletten Palette „Doughnut“ mit 4 Farben

Palette „Doughnut“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Doughnut“ mit 4 Farben

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

Bearbeiten

Erdig 4 Farben Warm Hell Komplementär

Likes 8.629

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #E7E6E1;
  --c-earthy-2: #F7F6E7;
  --c-earthy-3: #F2A154;
  --c-earthy-4: #314E52;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Flickering Firefly (#F7F6E7) bis zum dunkelsten Ton Dark Slate Grey (#314E52). Sie vereint Willow Springs, Flickering Firefly, Doughnut und Dark Slate Grey 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 #F7F6E7 auf #314E52 mit 8,24: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

Willow Springs #E7E6E1

RGB: rgb(231, 230, 225)
HSL: hsl(50, 11%, 89%)
Luminanz: 0,790

Flickering Firefly #F7F6E7

RGB: rgb(247, 246, 231)
HSL: hsl(56, 50%, 94%)
Luminanz: 0,915

Doughnut #F2A154

RGB: rgb(242, 161, 84)
HSL: hsl(29, 86%, 64%)
Luminanz: 0,450

Dark Slate Grey #314E52

RGB: rgb(49, 78, 82)
HSL: hsl(187, 25%, 26%)
Luminanz: 0,067

Kontrast & Barrierefreiheit

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

Aa #F7F6E7 auf #314E52 8,24:1 AAA

Aa #E7E6E1 auf #314E52 7,17:1 AAA

Aa #F2A154 auf #314E52 4,27:1 AA (großer Text)

Aa #F7F6E7 auf #F2A154 1,93:1 Nicht bestanden

Aa #E7E6E1 auf #F2A154 1,68:1 Nicht bestanden

Aa #E7E6E1 auf #F7F6E7 1,15:1 Nicht bestanden

Palette „Doughnut“ mit 4 Farben