Startseite Farbpaletten Palette „Royal Yellow“ mit 4 Farben

Palette „Royal Yellow“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Royal Yellow“ mit 4 Farben

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

Bearbeiten

Erdig 4 Farben Warm Gemischt Komplementär

Likes 8.837

Farben 4

CSS-Variablen

:root {
  --c-earthy-1: #3C486B;
  --c-earthy-2: #F0F0F0;
  --c-earthy-3: #F9D949;
  --c-earthy-4: #F45050;
}

Über diese Palette

Diese erdige Palette mit 4 Farben reicht vom hellsten Ton Snowflake (#F0F0F0) bis zum dunkelsten Ton Starlit Night (#3C486B). Sie vereint Starlit Night, Snowflake, Royal Yellow und Pumping Spice 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 #3C486B auf #F0F0F0 mit 7,9: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

Starlit Night #3C486B

RGB: rgb(60, 72, 107)
HSL: hsl(225, 28%, 33%)
Luminanz: 0,067

Snowflake #F0F0F0

RGB: rgb(240, 240, 240)
HSL: hsl(0, 0%, 94%)
Luminanz: 0,871

Royal Yellow #F9D949

RGB: rgb(249, 217, 73)
HSL: hsl(49, 94%, 63%)
Luminanz: 0,703

Pumping Spice #F45050

RGB: rgb(244, 80, 80)
HSL: hsl(0, 88%, 64%)
Luminanz: 0,256

Kontrast & Barrierefreiheit

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

Aa #3C486B auf #F0F0F0 7,90:1 AAA

Aa #3C486B auf #F9D949 6,46:1 AA

Aa #F0F0F0 auf #F45050 3,02:1 AA (großer Text)

Aa #3C486B auf #F45050 2,62:1 Nicht bestanden

Aa #F9D949 auf #F45050 2,46:1 Nicht bestanden

Aa #F0F0F0 auf #F9D949 1,22:1 Nicht bestanden

Palette „Royal Yellow“ mit 4 Farben