Startseite Farbpaletten Palette „Smashed Pumpkin“ mit 4 Farben

Palette „Smashed Pumpkin“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Smashed Pumpkin“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Komplementär

Likes 1.035

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #FF6A38;
  --c-muted-2: #9ED0E0;
  --c-muted-3: #5C868E;
  --c-muted-4: #19483F;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Light Delphin (#9ED0E0) bis zum dunkelsten Ton MSU Green (#19483F). Sie vereint Smashed Pumpkin, Light Delphin, Dusty Turquoise und MSU Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #9ED0E0 auf #19483F mit 6,15:1.

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

Farben im Detail

Smashed Pumpkin #FF6A38

RGB: rgb(255, 106, 56)
HSL: hsl(15, 100%, 61%)
Luminanz: 0,319

Light Delphin #9ED0E0

RGB: rgb(158, 208, 224)
HSL: hsl(195, 52%, 75%)
Luminanz: 0,578

Dusty Turquoise #5C868E

RGB: rgb(92, 134, 142)
HSL: hsl(190, 21%, 46%)
Luminanz: 0,213

MSU Green #19483F

RGB: rgb(25, 72, 63)
HSL: hsl(169, 48%, 19%)
Luminanz: 0,052

Kontrast & Barrierefreiheit

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

Aa #9ED0E0 auf #19483F 6,15:1 AA

Aa #FF6A38 auf #19483F 3,61:1 AA (großer Text)

Aa #5C868E auf #19483F 2,58:1 Nicht bestanden

Aa #9ED0E0 auf #5C868E 2,39:1 Nicht bestanden

Aa #FF6A38 auf #9ED0E0 1,70:1 Nicht bestanden

Aa #FF6A38 auf #5C868E 1,40:1 Nicht bestanden

Palette „Smashed Pumpkin“ mit 4 Farben