Startseite Farbpaletten Palette „Yellow Diamond“ mit 4 Farben

Palette „Yellow Diamond“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Yellow Diamond“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Warm Hell Analog

Likes 4.758

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F6F0D7;
  --c-muted-2: #C5D89D;
  --c-muted-3: #9CAB84;
  --c-muted-4: #89986D;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Yellow Diamond (#F6F0D7) bis zum dunkelsten Ton Cactus Valley (#89986D). Sie vereint Yellow Diamond, Lickety Split, Cucumber Crush und Cactus Valley 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

Yellow Diamond #F6F0D7

RGB: rgb(246, 240, 215)
HSL: hsl(48, 63%, 90%)
Luminanz: 0,868

Lickety Split #C5D89D

RGB: rgb(197, 216, 157)
HSL: hsl(79, 43%, 73%)
Luminanz: 0,634

Cucumber Crush #9CAB84

RGB: rgb(156, 171, 132)
HSL: hsl(83, 19%, 59%)
Luminanz: 0,379

Cactus Valley #89986D

RGB: rgb(137, 152, 109)
HSL: hsl(81, 17%, 51%)
Luminanz: 0,289

Kontrast & Barrierefreiheit

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

Aa #F6F0D7 auf #89986D 2,71:1 Nicht bestanden

Aa #F6F0D7 auf #9CAB84 2,14:1 Nicht bestanden

Aa #C5D89D auf #89986D 2,02:1 Nicht bestanden

Aa #C5D89D auf #9CAB84 1,60:1 Nicht bestanden

Aa #F6F0D7 auf #C5D89D 1,34:1 Nicht bestanden

Aa #9CAB84 auf #89986D 1,27:1 Nicht bestanden

Palette „Yellow Diamond“ mit 4 Farben