Startseite Farbpaletten Palette „Electric Lettuce“ mit 4 Farben

Palette „Electric Lettuce“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Electric Lettuce“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Komplementär

Likes 1.777

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #7DD87D;
  --c-muted-2: #4C9173;
  --c-muted-3: #5B446A;
  --c-muted-4: #906387;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Electric Lettuce (#7DD87D) bis zum dunkelsten Ton Velvet Beret (#5B446A). Sie vereint Electric Lettuce, Aegean Green, Velvet Beret und Hashita Purple 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 #7DD87D auf #5B446A mit 4,84:1.

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

Farben im Detail

Electric Lettuce #7DD87D

RGB: rgb(125, 216, 125)
HSL: hsl(120, 54%, 67%)
Luminanz: 0,550

Aegean Green #4C9173

RGB: rgb(76, 145, 115)
HSL: hsl(154, 31%, 43%)
Luminanz: 0,230

Velvet Beret #5B446A

RGB: rgb(91, 68, 106)
HSL: hsl(276, 22%, 34%)
Luminanz: 0,074

Hashita Purple #906387

RGB: rgb(144, 99, 135)
HSL: hsl(312, 19%, 48%)
Luminanz: 0,166

Kontrast & Barrierefreiheit

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

Aa #7DD87D auf #5B446A 4,84:1 AA

Aa #7DD87D auf #906387 2,78:1 Nicht bestanden

Aa #4C9173 auf #5B446A 2,26:1 Nicht bestanden

Aa #7DD87D auf #4C9173 2,14:1 Nicht bestanden

Aa #5B446A auf #906387 1,74:1 Nicht bestanden

Aa #4C9173 auf #906387 1,30:1 Nicht bestanden

Palette „Electric Lettuce“ mit 4 Farben