Bittersweet

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

Zurück zur Bibliothek

Bittersweet

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

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Triadisch artist pink porcirelius

Likes 814

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #282328;
  --c-muted-2: #545C7E;
  --c-muted-3: #C56981;
  --c-muted-4: #A3A29A;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Grey Gloss (#A3A29A) bis zum dunkelsten Ton Darth Vader (#282328). Sie vereint Darth Vader, Deep Lavender, Old Geranium und Grey Gloss in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #282328 auf #A3A29A mit 6,02:1.

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

Farben im Detail

Darth Vader #282328

RGB: rgb(40, 35, 40)
HSL: hsl(300, 7%, 15%)
Luminanz: 0,018

Deep Lavender #545C7E

RGB: rgb(84, 92, 126)
HSL: hsl(229, 20%, 41%)
Luminanz: 0,111

Old Geranium #C56981

RGB: rgb(197, 105, 129)
HSL: hsl(344, 44%, 59%)
Luminanz: 0,236

Grey Gloss #A3A29A

RGB: rgb(163, 162, 154)
HSL: hsl(53, 5%, 62%)
Luminanz: 0,360

Kontrast & Barrierefreiheit

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

Aa #282328 auf #A3A29A 6,02:1 AA

Aa #282328 auf #C56981 4,20:1 AA (großer Text)

Aa #545C7E auf #A3A29A 2,55:1 Nicht bestanden

Aa #282328 auf #545C7E 2,36:1 Nicht bestanden

Aa #545C7E auf #C56981 1,78:1 Nicht bestanden

Aa #C56981 auf #A3A29A 1,43:1 Nicht bestanden

Bittersweet

Bittersweet

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen