Startseite Farbpaletten Palette „Question Mark Block“ mit 4 Farben

Palette „Question Mark Block“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Question Mark Block“ mit 4 Farben

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

Bearbeiten

Erdig 4 Farben Warm Gemischt Komplementär

Likes 6.670

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #15133C;
  --c-earthy-2: #73777B;
  --c-earthy-3: #EC994B;
  --c-earthy-4: #F1EEE9;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Cloud Dancer (#F1EEE9) bis zum dunkelsten Ton Grim Reaper (#15133C). Sie vereint Grim Reaper, Astrogranite, Question Mark Block und Cloud Dancer 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 #15133C auf #F1EEE9 mit 15,25: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

Grim Reaper #15133C

RGB: rgb(21, 19, 60)
HSL: hsl(243, 52%, 15%)
Luminanz: 0,010

Astrogranite #73777B

RGB: rgb(115, 119, 123)
HSL: hsl(210, 3%, 47%)
Luminanz: 0,183

Question Mark Block #EC994B

RGB: rgb(236, 153, 75)
HSL: hsl(29, 81%, 61%)
Luminanz: 0,411

Cloud Dancer #F1EEE9

RGB: rgb(241, 238, 233)
HSL: hsl(38, 22%, 93%)
Luminanz: 0,857

Kontrast & Barrierefreiheit

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

Aa #15133C auf #F1EEE9 15,25:1 AAA

Aa #15133C auf #EC994B 7,75:1 AAA

Aa #15133C auf #73777B 3,91:1 AA (großer Text)

Aa #73777B auf #F1EEE9 3,90:1 AA (großer Text)

Aa #73777B auf #EC994B 1,98:1 Nicht bestanden

Aa #EC994B auf #F1EEE9 1,97:1 Nicht bestanden

Palette „Question Mark Block“ mit 4 Farben