Startseite Farbpaletten Palette „Prism Violet“ mit 4 Farben

Palette „Prism Violet“ mit 4 Farben

Palette mit 4 Farben · Kühl · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Palette „Prism Violet“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Triadisch

Likes 3.147

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #52357B;
  --c-muted-2: #5459AC;
  --c-muted-3: #648DB3;
  --c-muted-4: #B2D8CE;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Gemini (#B2D8CE) bis zum dunkelsten Ton Prism Violet (#52357B). Sie vereint Prism Violet, Yuè Guāng Lán Moonlight, Alpha Tango und Gemini 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 #52357B auf #B2D8CE mit 6,32:1.

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

Farben im Detail

Prism Violet #52357B

RGB: rgb(82, 53, 123)
HSL: hsl(265, 40%, 35%)
Luminanz: 0,058

Yuè Guāng Lán Moonlight #5459AC

RGB: rgb(84, 89, 172)
HSL: hsl(237, 35%, 50%)
Luminanz: 0,120

Alpha Tango #648DB3

RGB: rgb(100, 141, 179)
HSL: hsl(209, 34%, 55%)
Luminanz: 0,250

Gemini #B2D8CE

RGB: rgb(178, 216, 206)
HSL: hsl(164, 33%, 77%)
Luminanz: 0,630

Kontrast & Barrierefreiheit

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

Aa #52357B auf #B2D8CE 6,32:1 AA

Aa #5459AC auf #B2D8CE 4,00:1 AA (großer Text)

Aa #52357B auf #648DB3 2,79:1 Nicht bestanden

Aa #648DB3 auf #B2D8CE 2,27:1 Nicht bestanden

Aa #5459AC auf #648DB3 1,76:1 Nicht bestanden

Aa #52357B auf #5459AC 1,58:1 Nicht bestanden

Palette „Prism Violet“ mit 4 Farben