Startseite Farbpaletten Palette „Pure Laughter“ mit 4 Farben

Palette „Pure Laughter“ mit 4 Farben

Palette mit 4 Farben · Warm · Hell · Harmonie: Analog

Zurück zur Bibliothek

Palette „Pure Laughter“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Analog

Bearbeiten

Gedeckt 4 Farben Warm Hell Analog

Likes 4.043

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #FFF4C9;
  --c-muted-2: #C7E78B;
  --c-muted-3: #81AE64;
  --c-muted-4: #709053;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Pure Laughter (#FFF4C9) bis zum dunkelsten Ton Forest Bound (#709053). Sie vereint Pure Laughter, Yellow Green Shade, Jealousy und Forest Bound 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

Pure Laughter #FFF4C9

RGB: rgb(255, 244, 201)
HSL: hsl(48, 100%, 89%)
Luminanz: 0,902

Yellow Green Shade #C7E78B

RGB: rgb(199, 231, 139)
HSL: hsl(81, 66%, 73%)
Luminanz: 0,712

Jealousy #81AE64

RGB: rgb(129, 174, 100)
HSL: hsl(96, 31%, 54%)
Luminanz: 0,359

Forest Bound #709053

RGB: rgb(112, 144, 83)
HSL: hsl(91, 27%, 45%)
Luminanz: 0,240

Kontrast & Barrierefreiheit

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

Aa #FFF4C9 auf #709053 3,28:1 AA (großer Text)

Aa #C7E78B auf #709053 2,62:1 Nicht bestanden

Aa #FFF4C9 auf #81AE64 2,33:1 Nicht bestanden

Aa #C7E78B auf #81AE64 1,86:1 Nicht bestanden

Aa #81AE64 auf #709053 1,41:1 Nicht bestanden

Aa #FFF4C9 auf #C7E78B 1,25:1 Nicht bestanden

Palette „Pure Laughter“ mit 4 Farben