Startseite Farbpaletten Palette „Laced Green“ mit 4 Farben

Palette „Laced Green“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Laced Green“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Triadisch

Likes 1.211

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #C6F1A2;
  --c-muted-2: #A8D966;
  --c-muted-3: #43A367;
  --c-muted-4: #385380;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Laced Green (#C6F1A2) bis zum dunkelsten Ton St. Tropaz (#385380). Sie vereint Laced Green, Last of Lettuce, Greenish und St. Tropaz 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 #C6F1A2 auf #385380 mit 6,07:1.

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

Farben im Detail

Laced Green #C6F1A2

RGB: rgb(198, 241, 162)
HSL: hsl(93, 74%, 79%)
Luminanz: 0,775

Last of Lettuce #A8D966

RGB: rgb(168, 217, 102)
HSL: hsl(86, 60%, 63%)
Luminanz: 0,589

Greenish #43A367

RGB: rgb(67, 163, 103)
HSL: hsl(143, 42%, 45%)
Luminanz: 0,284

St. Tropaz #385380

RGB: rgb(56, 83, 128)
HSL: hsl(218, 39%, 36%)
Luminanz: 0,086

Kontrast & Barrierefreiheit

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

Aa #C6F1A2 auf #385380 6,07:1 AA

Aa #A8D966 auf #385380 4,70:1 AA

Aa #C6F1A2 auf #43A367 2,47:1 Nicht bestanden

Aa #43A367 auf #385380 2,46:1 Nicht bestanden

Aa #A8D966 auf #43A367 1,92:1 Nicht bestanden

Aa #C6F1A2 auf #A8D966 1,29:1 Nicht bestanden

Palette „Laced Green“ mit 4 Farben