Startseite Farbpaletten Palette „Lemon Pie“ mit 4 Farben

Palette „Lemon Pie“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Lemon Pie“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Hell Analog

Likes 4.935

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FCF9F9;
  --c-vibrant-2: #F1F864;
  --c-vibrant-3: #BCEB3C;
  --c-vibrant-4: #7CBD1E;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Cloud Petal (#FCF9F9) bis zum dunkelsten Ton Kiwi Crush (#7CBD1E). Sie vereint Cloud Petal, Lemon Pie, Energos und Kiwi Crush 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

Cloud Petal #FCF9F9

RGB: rgb(252, 249, 249)
HSL: hsl(0, 33%, 98%)
Luminanz: 0,953

Lemon Pie #F1F864

RGB: rgb(241, 248, 100)
HSL: hsl(63, 91%, 68%)
Luminanz: 0,868

Energos #BCEB3C

RGB: rgb(188, 235, 60)
HSL: hsl(76, 81%, 58%)
Luminanz: 0,704

Kiwi Crush #7CBD1E

RGB: rgb(124, 189, 30)
HSL: hsl(85, 73%, 43%)
Luminanz: 0,408

Kontrast & Barrierefreiheit

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

Aa #FCF9F9 auf #7CBD1E 2,19:1 Nicht bestanden

Aa #F1F864 auf #7CBD1E 2,00:1 Nicht bestanden

Aa #BCEB3C auf #7CBD1E 1,65:1 Nicht bestanden

Aa #FCF9F9 auf #BCEB3C 1,33:1 Nicht bestanden

Aa #F1F864 auf #BCEB3C 1,22:1 Nicht bestanden

Aa #FCF9F9 auf #F1F864 1,09:1 Nicht bestanden

Palette „Lemon Pie“ mit 4 Farben