Startseite Farbpaletten Palette „Smashing Pumpkins“ mit 4 Farben

Palette „Smashing Pumpkins“ mit 4 Farben

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Split-komplementär

Zurück zur Bibliothek

Palette „Smashing Pumpkins“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Split-komplementär

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Split-komplementär

Likes 1.859

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F4F4F4;
  --c-muted-2: #65EEB7;
  --c-muted-3: #FF5722;
  --c-muted-4: #474744;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Lighthouse (#F4F4F4) bis zum dunkelsten Ton Brattle Spruce (#474744). Sie vereint Lighthouse, Onsen, Smashing Pumpkins und Brattle Spruce 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 #F4F4F4 auf #474744 mit 8,48:1.

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

Farben im Detail

Lighthouse #F4F4F4

RGB: rgb(244, 244, 244)
HSL: hsl(0, 0%, 96%)
Luminanz: 0,905

Onsen #65EEB7

RGB: rgb(101, 238, 183)
HSL: hsl(156, 80%, 66%)
Luminanz: 0,673

Smashing Pumpkins #FF5722

RGB: rgb(255, 87, 34)
HSL: hsl(14, 100%, 57%)
Luminanz: 0,282

Brattle Spruce #474744

RGB: rgb(71, 71, 68)
HSL: hsl(60, 2%, 27%)
Luminanz: 0,063

Kontrast & Barrierefreiheit

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

Aa #F4F4F4 auf #474744 8,48:1 AAA

Aa #65EEB7 auf #474744 6,42:1 AA

Aa #FF5722 auf #474744 2,95:1 Nicht bestanden

Aa #F4F4F4 auf #FF5722 2,88:1 Nicht bestanden

Aa #65EEB7 auf #FF5722 2,18:1 Nicht bestanden

Aa #F4F4F4 auf #65EEB7 1,32:1 Nicht bestanden

Palette „Smashing Pumpkins“ mit 4 Farben