Startseite Farbpaletten Palette „Fusion Red“ mit 4 Farben

Palette „Fusion Red“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Fusion Red“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Hell Komplementär

Likes 3.058

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #84B9EF;
  --c-vibrant-2: #FBE4C9;
  --c-vibrant-3: #FF5D5D;
  --c-vibrant-4: #952E4B;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Sand Dollar White (#FBE4C9) bis zum dunkelsten Ton Scarlet Apple (#952E4B). Sie vereint Electric Eel, Sand Dollar White, Fusion Red und Scarlet Apple 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 #FBE4C9 auf #952E4B 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

Electric Eel #84B9EF

RGB: rgb(132, 185, 239)
HSL: hsl(210, 77%, 73%)
Luminanz: 0,458

Sand Dollar White #FBE4C9

RGB: rgb(251, 228, 201)
HSL: hsl(32, 86%, 89%)
Luminanz: 0,802

Fusion Red #FF5D5D

RGB: rgb(255, 93, 93)
HSL: hsl(0, 100%, 68%)
Luminanz: 0,299

Scarlet Apple #952E4B

RGB: rgb(149, 46, 75)
HSL: hsl(343, 53%, 38%)
Luminanz: 0,089

Kontrast & Barrierefreiheit

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

Aa #FBE4C9 auf #952E4B 6,15:1 AA

Aa #84B9EF auf #952E4B 3,67:1 AA (großer Text)

Aa #FF5D5D auf #952E4B 2,52:1 Nicht bestanden

Aa #FBE4C9 auf #FF5D5D 2,44:1 Nicht bestanden

Aa #84B9EF auf #FBE4C9 1,68:1 Nicht bestanden

Aa #84B9EF auf #FF5D5D 1,46:1 Nicht bestanden

Palette „Fusion Red“ mit 4 Farben