EN4

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

Zurück zur Bibliothek

EN4

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

Bearbeiten

Erdig 4 Farben Warm Gemischt Komplementär artist endesga

Likes 300

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #FBF7F3;
  --c-earthy-2: #E5B083;
  --c-earthy-3: #426E5D;
  --c-earthy-4: #20283D;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Milk Jug (#FBF7F3) bis zum dunkelsten Ton Midnight Express (#20283D). Sie vereint Milk Jug, Soft Skills, Smoke Pine und Midnight Express in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #FBF7F3 auf #20283D mit 13,75: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

Milk Jug #FBF7F3

RGB: rgb(251, 247, 243)
HSL: hsl(30, 50%, 97%)
Luminanz: 0,935

Soft Skills #E5B083

RGB: rgb(229, 176, 131)
HSL: hsl(28, 65%, 71%)
Luminanz: 0,494

Smoke Pine #426E5D

RGB: rgb(66, 110, 93)
HSL: hsl(157, 25%, 35%)
Luminanz: 0,131

Midnight Express #20283D

RGB: rgb(32, 40, 61)
HSL: hsl(223, 31%, 18%)
Luminanz: 0,022

Kontrast & Barrierefreiheit

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

Aa #FBF7F3 auf #20283D 13,75:1 AAA

Aa #E5B083 auf #20283D 7,59:1 AAA

Aa #FBF7F3 auf #426E5D 5,44:1 AA

Aa #E5B083 auf #426E5D 3,00:1 AA (großer Text)

Aa #426E5D auf #20283D 2,53:1 Nicht bestanden

Aa #FBF7F3 auf #E5B083 1,81:1 Nicht bestanden

EN4

EN4

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen