Startseite Farbpaletten Palette „Crescendo“ mit 4 Farben

Palette „Crescendo“ mit 4 Farben

Palette mit 4 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Crescendo“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Triadisch

Likes 4.059

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #E5DF88;
  --c-muted-2: #E8E8E8;
  --c-muted-3: #A37EBA;
  --c-muted-4: #4C4C4C;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Unicorn Silver (#E8E8E8) bis zum dunkelsten Ton Shady Character (#4C4C4C). Sie vereint Crescendo, Unicorn Silver, Lush Lilac und Shady Character 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 #E8E8E8 auf #4C4C4C mit 7,01:1.

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

Farben im Detail

Crescendo #E5DF88

RGB: rgb(229, 223, 136)
HSL: hsl(56, 64%, 72%)
Luminanz: 0,712

Unicorn Silver #E8E8E8

RGB: rgb(232, 232, 232)
HSL: hsl(0, 0%, 91%)
Luminanz: 0,807

Lush Lilac #A37EBA

RGB: rgb(163, 126, 186)
HSL: hsl(277, 30%, 61%)
Luminanz: 0,263

Shady Character #4C4C4C

RGB: rgb(76, 76, 76)
HSL: hsl(0, 0%, 30%)
Luminanz: 0,072

Kontrast & Barrierefreiheit

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

Aa #E8E8E8 auf #4C4C4C 7,01:1 AAA

Aa #E5DF88 auf #4C4C4C 6,23:1 AA

Aa #E8E8E8 auf #A37EBA 2,74:1 Nicht bestanden

Aa #A37EBA auf #4C4C4C 2,56:1 Nicht bestanden

Aa #E5DF88 auf #A37EBA 2,44:1 Nicht bestanden

Aa #E5DF88 auf #E8E8E8 1,12:1 Nicht bestanden

Palette „Crescendo“ mit 4 Farben