Startseite Farbpaletten Palette „Fusion Red“ mit 4 Farben

Palette „Fusion Red“ mit 4 Farben

Palette mit 4 Farben · Neutral · Hell · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Fusion Red“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Hell · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Neutral Hell Komplementär

Likes 4.225

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #FCFCFC;
  --c-muted-2: #83FFE6;
  --c-muted-3: #FF5F5F;
  --c-muted-4: #2C2C2C;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Emptiness (#FCFCFC) bis zum dunkelsten Ton Shoe Wax (#2C2C2C). Sie vereint Emptiness, Defence Matrix, Fusion Red und Shoe Wax 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 #FCFCFC auf #2C2C2C mit 13,61:1.

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

Farben im Detail

Emptiness #FCFCFC

RGB: rgb(252, 252, 252)
HSL: hsl(0, 0%, 99%)
Luminanz: 0,973

Defence Matrix #83FFE6

RGB: rgb(131, 255, 230)
HSL: hsl(168, 100%, 76%)
Luminanz: 0,821

Fusion Red #FF5F5F

RGB: rgb(255, 95, 95)
HSL: hsl(0, 100%, 69%)
Luminanz: 0,303

Shoe Wax #2C2C2C

RGB: rgb(44, 44, 44)
HSL: hsl(0, 0%, 17%)
Luminanz: 0,025

Kontrast & Barrierefreiheit

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

Aa #FCFCFC auf #2C2C2C 13,61:1 AAA

Aa #83FFE6 auf #2C2C2C 11,58:1 AAA

Aa #FF5F5F auf #2C2C2C 4,69:1 AA

Aa #FCFCFC auf #FF5F5F 2,90:1 Nicht bestanden

Aa #83FFE6 auf #FF5F5F 2,47:1 Nicht bestanden

Aa #FCFCFC auf #83FFE6 1,18:1 Nicht bestanden

Palette „Fusion Red“ mit 4 Farben