Startseite Farbpaletten Palette „Lemon Punch“ mit 4 Farben

Palette „Lemon Punch“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Lemon Punch“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Hell Analog

Likes 4.731

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #347928;
  --c-vibrant-2: #C0EBA6;
  --c-vibrant-3: #FFFBE6;
  --c-vibrant-4: #FCCD2A;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Rocket Fuel (#FFFBE6) bis zum dunkelsten Ton Japanese Laurel (#347928). Sie vereint Japanese Laurel, Pastel Pea, Rocket Fuel und Lemon Punch 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 #347928 auf #FFFBE6 mit 5,16:1.

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

Farben im Detail

Japanese Laurel #347928

RGB: rgb(52, 121, 40)
HSL: hsl(111, 50%, 32%)
Luminanz: 0,146

Pastel Pea #C0EBA6

RGB: rgb(192, 235, 166)
HSL: hsl(97, 63%, 79%)
Luminanz: 0,734

Rocket Fuel #FFFBE6

RGB: rgb(255, 251, 230)
HSL: hsl(50, 100%, 95%)
Luminanz: 0,960

Lemon Punch #FCCD2A

RGB: rgb(252, 205, 42)
HSL: hsl(47, 97%, 58%)
Luminanz: 0,645

Kontrast & Barrierefreiheit

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

Aa #347928 auf #FFFBE6 5,16:1 AA

Aa #347928 auf #C0EBA6 4,01:1 AA (großer Text)

Aa #347928 auf #FCCD2A 3,55:1 AA (großer Text)

Aa #FFFBE6 auf #FCCD2A 1,45:1 Nicht bestanden

Aa #C0EBA6 auf #FFFBE6 1,29:1 Nicht bestanden

Aa #C0EBA6 auf #FCCD2A 1,13:1 Nicht bestanden

Palette „Lemon Punch“ mit 4 Farben