Startseite Farbpaletten Palette „Spiced Purple“ mit 4 Farben

Palette „Spiced Purple“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Spiced Purple“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Komplementär

Likes 4.406

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #231E23;
  --c-muted-2: #39A6A3;
  --c-muted-3: #DEEEEA;
  --c-muted-4: #BF1363;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Clear Day (#DEEEEA) bis zum dunkelsten Ton Wet Charcoal (#231E23). Sie vereint Wet Charcoal, Bahaman Bliss, Clear Day und Spiced Purple in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #231E23 auf #DEEEEA mit 13,68:1.

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

Farben im Detail

Wet Charcoal #231E23

RGB: rgb(35, 30, 35)
HSL: hsl(300, 8%, 13%)
Luminanz: 0,014

Bahaman Bliss #39A6A3

RGB: rgb(57, 166, 163)
HSL: hsl(178, 49%, 44%)
Luminanz: 0,308

Clear Day #DEEEEA

RGB: rgb(222, 238, 234)
HSL: hsl(165, 32%, 90%)
Luminanz: 0,826

Spiced Purple #BF1363

RGB: rgb(191, 19, 99)
HSL: hsl(332, 82%, 41%)
Luminanz: 0,124

Kontrast & Barrierefreiheit

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

Aa #231E23 auf #DEEEEA 13,68:1 AAA

Aa #231E23 auf #39A6A3 5,59:1 AA

Aa #DEEEEA auf #BF1363 5,02:1 AA

Aa #231E23 auf #BF1363 2,72:1 Nicht bestanden

Aa #39A6A3 auf #DEEEEA 2,45:1 Nicht bestanden

Aa #39A6A3 auf #BF1363 2,05:1 Nicht bestanden

Palette „Spiced Purple“ mit 4 Farben