Startseite Farbpaletten Palette „Fluorescent Red“ mit 4 Farben

Palette „Fluorescent Red“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Fluorescent Red“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Hell Komplementär

Likes 4.434

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #FF5656;
  --c-muted-2: #EDF2F6;
  --c-muted-3: #6A7EFC;
  --c-muted-4: #494953;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Airport (#EDF2F6) bis zum dunkelsten Ton Gun Powder (#494953). Sie vereint Fluorescent Red, Airport, Byzantine Night Blue und Gun Powder 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 #EDF2F6 auf #494953 mit 7,89:1.

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

Farben im Detail

Fluorescent Red #FF5656

RGB: rgb(255, 86, 86)
HSL: hsl(0, 100%, 67%)
Luminanz: 0,286

Airport #EDF2F6

RGB: rgb(237, 242, 246)
HSL: hsl(207, 33%, 95%)
Luminanz: 0,882

Byzantine Night Blue #6A7EFC

RGB: rgb(106, 126, 252)
HSL: hsl(232, 96%, 70%)
Luminanz: 0,250

Gun Powder #494953

RGB: rgb(73, 73, 83)
HSL: hsl(240, 6%, 31%)
Luminanz: 0,068

Kontrast & Barrierefreiheit

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

Aa #EDF2F6 auf #494953 7,89:1 AAA

Aa #EDF2F6 auf #6A7EFC 3,10:1 AA (großer Text)

Aa #FF5656 auf #494953 2,84:1 Nicht bestanden

Aa #FF5656 auf #EDF2F6 2,77:1 Nicht bestanden

Aa #6A7EFC auf #494953 2,54:1 Nicht bestanden

Aa #FF5656 auf #6A7EFC 1,12:1 Nicht bestanden

Palette „Fluorescent Red“ mit 4 Farben