Startseite Farbpaletten Palette „Lime Lightning“ mit 4 Farben

Palette „Lime Lightning“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Lime Lightning“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 808

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #913131;
  --c-vibrant-2: #E5AB39;
  --c-vibrant-3: #C2FF6B;
  --c-vibrant-4: #A7DA46;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Lime Lightning (#C2FF6B) bis zum dunkelsten Ton Ripasso (#913131). Sie vereint Ripasso, Tulip Tree, Lime Lightning und Dynamic Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #913131 auf #C2FF6B mit 6,63:1.

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

Farben im Detail

Ripasso #913131

RGB: rgb(145, 49, 49)
HSL: hsl(0, 49%, 38%)
Luminanz: 0,084

Tulip Tree #E5AB39

RGB: rgb(229, 171, 57)
HSL: hsl(40, 77%, 56%)
Luminanz: 0,461

Lime Lightning #C2FF6B

RGB: rgb(194, 255, 107)
HSL: hsl(85, 100%, 71%)
Luminanz: 0,841

Dynamic Green #A7DA46

RGB: rgb(167, 218, 70)
HSL: hsl(81, 67%, 56%)
Luminanz: 0,588

Kontrast & Barrierefreiheit

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

Aa #913131 auf #C2FF6B 6,63:1 AA

Aa #913131 auf #A7DA46 4,75:1 AA

Aa #913131 auf #E5AB39 3,80:1 AA (großer Text)

Aa #E5AB39 auf #C2FF6B 1,74:1 Nicht bestanden

Aa #C2FF6B auf #A7DA46 1,40:1 Nicht bestanden

Aa #E5AB39 auf #A7DA46 1,25:1 Nicht bestanden

Palette „Lime Lightning“ mit 4 Farben