Startseite Farbpaletten Palette „Spanish Yellow“ mit 4 Farben

Palette „Spanish Yellow“ mit 4 Farben

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Monochrom

Zurück zur Bibliothek

Palette „Spanish Yellow“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Monochrom

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Monochrom

Likes 2.201

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #504D4D;
  --c-muted-2: #646363;
  --c-muted-3: #F5B316;
  --c-muted-4: #E7E5E5;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Cold Morning (#E7E5E5) bis zum dunkelsten Ton Charadon Granite (#504D4D). Sie vereint Charadon Granite, Hard Coal, Spanish Yellow und Cold Morning 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 #504D4D auf #E7E5E5 mit 6,67:1.

Eine vielseitige Palette für Marketingseiten, Hero-Blöcke von Produkten, Illustrationen und Akzentzustände in der UI.

Farben im Detail

Charadon Granite #504D4D

RGB: rgb(80, 77, 77)
HSL: hsl(0, 2%, 31%)
Luminanz: 0,076

Hard Coal #646363

RGB: rgb(100, 99, 99)
HSL: hsl(0, 1%, 39%)
Luminanz: 0,125

Spanish Yellow #F5B316

RGB: rgb(245, 179, 22)
HSL: hsl(42, 92%, 52%)
Luminanz: 0,517

Cold Morning #E7E5E5

RGB: rgb(231, 229, 229)
HSL: hsl(0, 4%, 90%)
Luminanz: 0,787

Kontrast & Barrierefreiheit

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

Aa #504D4D auf #E7E5E5 6,67:1 AA

Aa #646363 auf #E7E5E5 4,77:1 AA

Aa #504D4D auf #F5B316 4,52:1 AA

Aa #646363 auf #F5B316 3,23:1 AA (großer Text)

Aa #F5B316 auf #E7E5E5 1,48:1 Nicht bestanden

Aa #504D4D auf #646363 1,40:1 Nicht bestanden

Palette „Spanish Yellow“ mit 4 Farben