Startseite Farbpaletten Palette „Obsidian Orchid“ mit 4 Farben

Palette „Obsidian Orchid“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Obsidian Orchid“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Monochrom

Likes 8.875

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #3B1E54;
  --c-muted-2: #9B7EBD;
  --c-muted-3: #D4BEE4;
  --c-muted-4: #EEEEEE;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Super Silver (#EEEEEE) bis zum dunkelsten Ton Obsidian Orchid (#3B1E54). Sie vereint Obsidian Orchid, Purple Mountains’ Majesty, York Plum und Super Silver 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 #3B1E54 auf #EEEEEE mit 12,07:1.

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

Farben im Detail

Obsidian Orchid #3B1E54

RGB: rgb(59, 30, 84)
HSL: hsl(272, 47%, 22%)
Luminanz: 0,025

Purple Mountains’ Majesty #9B7EBD

RGB: rgb(155, 126, 189)
HSL: hsl(268, 32%, 62%)
Luminanz: 0,256

York Plum #D4BEE4

RGB: rgb(212, 190, 228)
HSL: hsl(275, 41%, 82%)
Luminanz: 0,564

Super Silver #EEEEEE

RGB: rgb(238, 238, 238)
HSL: hsl(0, 0%, 93%)
Luminanz: 0,855

Kontrast & Barrierefreiheit

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

Aa #3B1E54 auf #EEEEEE 12,07:1 AAA

Aa #3B1E54 auf #D4BEE4 8,19:1 AAA

Aa #3B1E54 auf #9B7EBD 4,08:1 AA (großer Text)

Aa #9B7EBD auf #EEEEEE 2,96:1 Nicht bestanden

Aa #9B7EBD auf #D4BEE4 2,01:1 Nicht bestanden

Aa #D4BEE4 auf #EEEEEE 1,47:1 Nicht bestanden

Palette „Obsidian Orchid“ mit 4 Farben