Startseite Farbpaletten Palette „Walking on Sunshine“ mit 4 Farben

Palette „Walking on Sunshine“ mit 4 Farben

Palette mit 4 Farben · Neutral · Hell · Harmonie: Analog

Zurück zur Bibliothek

Palette „Walking on Sunshine“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Hell · Harmonie: Analog

Bearbeiten

Lebendig 4 Farben Neutral Hell Analog

Likes 4.582

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #72BF78;
  --c-vibrant-2: #A0D683;
  --c-vibrant-3: #D3EE98;
  --c-vibrant-4: #FEFF9F;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Walking on Sunshine (#FEFF9F) bis zum dunkelsten Ton Young Fern (#72BF78). Sie vereint Young Fern, Celery Sprig, Reef Refractions und Walking on Sunshine in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Young Fern #72BF78

RGB: rgb(114, 191, 120)
HSL: hsl(125, 38%, 60%)
Luminanz: 0,422

Celery Sprig #A0D683

RGB: rgb(160, 214, 131)
HSL: hsl(99, 50%, 68%)
Luminanz: 0,572

Reef Refractions #D3EE98

RGB: rgb(211, 238, 152)
HSL: hsl(79, 72%, 76%)
Luminanz: 0,773

Walking on Sunshine #FEFF9F

RGB: rgb(254, 255, 159)
HSL: hsl(61, 100%, 81%)
Luminanz: 0,951

Kontrast & Barrierefreiheit

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

Aa #72BF78 auf #FEFF9F 2,12:1 Nicht bestanden

Aa #72BF78 auf #D3EE98 1,74:1 Nicht bestanden

Aa #A0D683 auf #FEFF9F 1,61:1 Nicht bestanden

Aa #72BF78 auf #A0D683 1,32:1 Nicht bestanden

Aa #A0D683 auf #D3EE98 1,32:1 Nicht bestanden

Aa #D3EE98 auf #FEFF9F 1,22:1 Nicht bestanden

Palette „Walking on Sunshine“ mit 4 Farben