Startseite Farbpaletten Palette „Envious Pastel“ mit 4 Farben

Palette „Envious Pastel“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Envious Pastel“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Analog

Likes 3.240

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #DEFBC2;
  --c-muted-2: #90D26D;
  --c-muted-3: #459D72;
  --c-muted-4: #342B2B;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Envious Pastel (#DEFBC2) bis zum dunkelsten Ton Deep Brown (#342B2B). Sie vereint Envious Pastel, Green Lacewing, Dancing Jewel und Deep Brown 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 #DEFBC2 auf #342B2B mit 12,24:1.

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

Farben im Detail

Envious Pastel #DEFBC2

RGB: rgb(222, 251, 194)
HSL: hsl(91, 88%, 87%)
Luminanz: 0,884

Green Lacewing #90D26D

RGB: rgb(144, 210, 109)
HSL: hsl(99, 53%, 63%)
Luminanz: 0,531

Dancing Jewel #459D72

RGB: rgb(69, 157, 114)
HSL: hsl(151, 39%, 44%)
Luminanz: 0,266

Deep Brown #342B2B

RGB: rgb(52, 43, 43)
HSL: hsl(0, 9%, 19%)
Luminanz: 0,026

Kontrast & Barrierefreiheit

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

Aa #DEFBC2 auf #342B2B 12,24:1 AAA

Aa #90D26D auf #342B2B 7,62:1 AAA

Aa #459D72 auf #342B2B 4,14:1 AA (großer Text)

Aa #DEFBC2 auf #459D72 2,96:1 Nicht bestanden

Aa #90D26D auf #459D72 1,84:1 Nicht bestanden

Aa #DEFBC2 auf #90D26D 1,61:1 Nicht bestanden

Palette „Envious Pastel“ mit 4 Farben