Startseite Farbpaletten Palette „Peasful Mint“ mit 4 Farben

Palette „Peasful Mint“ mit 4 Farben

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Monochrom

Zurück zur Bibliothek

Palette „Peasful Mint“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Monochrom

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Monochrom

Likes 2.800

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #3B5F41;
  --c-muted-2: #66A96B;
  --c-muted-3: #98E19A;
  --c-muted-4: #C5F5C2;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Peasful Mint (#C5F5C2) bis zum dunkelsten Ton Horsetail (#3B5F41). Sie vereint Horsetail, Happy Cricket, Retro und Peasful Mint 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 #3B5F41 auf #C5F5C2 mit 5,94:1.

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

Farben im Detail

Horsetail #3B5F41

RGB: rgb(59, 95, 65)
HSL: hsl(130, 23%, 30%)
Luminanz: 0,095

Happy Cricket #66A96B

RGB: rgb(102, 169, 107)
HSL: hsl(124, 28%, 53%)
Luminanz: 0,323

Retro #98E19A

RGB: rgb(152, 225, 154)
HSL: hsl(122, 55%, 74%)
Luminanz: 0,629

Peasful Mint #C5F5C2

RGB: rgb(197, 245, 194)
HSL: hsl(116, 72%, 86%)
Luminanz: 0,811

Kontrast & Barrierefreiheit

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

Aa #3B5F41 auf #C5F5C2 5,94:1 AA

Aa #3B5F41 auf #98E19A 4,68:1 AA

Aa #3B5F41 auf #66A96B 2,57:1 Nicht bestanden

Aa #66A96B auf #C5F5C2 2,31:1 Nicht bestanden

Aa #66A96B auf #98E19A 1,82:1 Nicht bestanden

Aa #98E19A auf #C5F5C2 1,27:1 Nicht bestanden

Palette „Peasful Mint“ mit 4 Farben