Startseite Farbpaletten Palette „Smashed Pumpkin“ mit 4 Farben

Palette „Smashed Pumpkin“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Smashed Pumpkin“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär

Likes 3.329

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FFF6DA;
  --c-vibrant-2: #84F2D6;
  --c-vibrant-3: #FC6B3F;
  --c-vibrant-4: #262525;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Ivory Charm (#FFF6DA) bis zum dunkelsten Ton Nero (#262525). Sie vereint Ivory Charm, Tiffany Blue, Smashed Pumpkin und Nero 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 #FFF6DA auf #262525 mit 14,16:1.

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

Farben im Detail

Ivory Charm #FFF6DA

RGB: rgb(255, 246, 218)
HSL: hsl(45, 100%, 93%)
Luminanz: 0,922

Tiffany Blue #84F2D6

RGB: rgb(132, 242, 214)
HSL: hsl(165, 81%, 73%)
Luminanz: 0,733

Smashed Pumpkin #FC6B3F

RGB: rgb(252, 107, 63)
HSL: hsl(14, 97%, 62%)
Luminanz: 0,316

Nero #262525

RGB: rgb(38, 37, 37)
HSL: hsl(0, 1%, 15%)
Luminanz: 0,019

Kontrast & Barrierefreiheit

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

Aa #FFF6DA auf #262525 14,16:1 AAA

Aa #84F2D6 auf #262525 11,39:1 AAA

Aa #FC6B3F auf #262525 5,32:1 AA

Aa #FFF6DA auf #FC6B3F 2,66:1 Nicht bestanden

Aa #84F2D6 auf #FC6B3F 2,14:1 Nicht bestanden

Aa #FFF6DA auf #84F2D6 1,24:1 Nicht bestanden

Palette „Smashed Pumpkin“ mit 4 Farben