Startseite Farbpaletten Palette „Plum Caspia“ mit 4 Farben

Palette „Plum Caspia“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Plum Caspia“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Analog

Likes 4.423

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #5F264A;
  --c-muted-2: #643A6B;
  --c-muted-3: #957777;
  --c-muted-4: #B0A4A4;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Flexible Grey (#B0A4A4) bis zum dunkelsten Ton Plum Caspia (#5F264A). Sie vereint Plum Caspia, Plum, Astro Sunset und Flexible Grey 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 #5F264A auf #B0A4A4 mit 4,67:1.

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

Farben im Detail

Plum Caspia #5F264A

RGB: rgb(95, 38, 74)
HSL: hsl(322, 43%, 26%)
Luminanz: 0,043

Plum #643A6B

RGB: rgb(100, 58, 107)
HSL: hsl(291, 30%, 32%)
Luminanz: 0,068

Astro Sunset #957777

RGB: rgb(149, 119, 119)
HSL: hsl(0, 12%, 53%)
Luminanz: 0,209

Flexible Grey #B0A4A4

RGB: rgb(176, 164, 164)
HSL: hsl(0, 7%, 67%)
Luminanz: 0,385

Kontrast & Barrierefreiheit

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

Aa #5F264A auf #B0A4A4 4,67:1 AA

Aa #643A6B auf #B0A4A4 3,68:1 AA (großer Text)

Aa #5F264A auf #957777 2,78:1 Nicht bestanden

Aa #643A6B auf #957777 2,20:1 Nicht bestanden

Aa #957777 auf #B0A4A4 1,68:1 Nicht bestanden

Aa #5F264A auf #643A6B 1,27:1 Nicht bestanden

Palette „Plum Caspia“ mit 4 Farben