Startseite Farbpaletten Palette „Envious Pastel“ mit 4 Farben

Palette „Envious Pastel“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Envious Pastel“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Analog

Likes 6.246

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #DEF9C4;
  --c-muted-2: #9CDBA6;
  --c-muted-3: #50B498;
  --c-muted-4: #468585;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Envious Pastel (#DEF9C4) bis zum dunkelsten Ton Sea Caller (#468585). Sie vereint Envious Pastel, Green Trance, Electra und Sea Caller in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Envious Pastel #DEF9C4

RGB: rgb(222, 249, 196)
HSL: hsl(91, 82%, 87%)
Luminanz: 0,873

Green Trance #9CDBA6

RGB: rgb(156, 219, 166)
HSL: hsl(130, 47%, 74%)
Luminanz: 0,605

Electra #50B498

RGB: rgb(80, 180, 152)
HSL: hsl(163, 40%, 51%)
Luminanz: 0,366

Sea Caller #468585

RGB: rgb(70, 133, 133)
HSL: hsl(180, 31%, 40%)
Luminanz: 0,198

Kontrast & Barrierefreiheit

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

Aa #DEF9C4 auf #468585 3,72:1 AA (großer Text)

Aa #9CDBA6 auf #468585 2,64:1 Nicht bestanden

Aa #DEF9C4 auf #50B498 2,22:1 Nicht bestanden

Aa #50B498 auf #468585 1,68:1 Nicht bestanden

Aa #9CDBA6 auf #50B498 1,57:1 Nicht bestanden

Aa #DEF9C4 auf #9CDBA6 1,41:1 Nicht bestanden

Palette „Envious Pastel“ mit 4 Farben