Startseite Farbpaletten Palette „Neon Light“ mit 4 Farben

Palette „Neon Light“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Neon Light“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Komplementär

Likes 5.106

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #11052C;
  --c-vibrant-2: #3D087B;
  --c-vibrant-3: #F43B86;
  --c-vibrant-4: #FFE459;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Neon Light (#FFE459) bis zum dunkelsten Ton Black Htun (#11052C). Sie vereint Black Htun, Marionberry, Cerise Pink und Neon Light 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 #11052C auf #FFE459 mit 15,24:1.

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

Farben im Detail

Black Htun #11052C

RGB: rgb(17, 5, 44)
HSL: hsl(258, 80%, 10%)
Luminanz: 0,004

Marionberry #3D087B

RGB: rgb(61, 8, 123)
HSL: hsl(268, 88%, 26%)
Luminanz: 0,026

Cerise Pink #F43B86

RGB: rgb(244, 59, 134)
HSL: hsl(336, 89%, 59%)
Luminanz: 0,241

Neon Light #FFE459

RGB: rgb(255, 228, 89)
HSL: hsl(50, 100%, 67%)
Luminanz: 0,775

Kontrast & Barrierefreiheit

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

Aa #11052C auf #FFE459 15,24:1 AAA

Aa #3D087B auf #FFE459 10,86:1 AAA

Aa #11052C auf #F43B86 5,38:1 AA

Aa #3D087B auf #F43B86 3,83:1 AA (großer Text)

Aa #F43B86 auf #FFE459 2,84:1 Nicht bestanden

Aa #11052C auf #3D087B 1,40:1 Nicht bestanden

Palette „Neon Light“ mit 4 Farben