Startseite Farbpaletten Palette „Shade of Violet“ mit 4 Farben

Palette „Shade of Violet“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Shade of Violet“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Neutral Gemischt Monochrom

Likes 9.606

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #2D033B;
  --c-vibrant-2: #810CA8;
  --c-vibrant-3: #C147E9;
  --c-vibrant-4: #E5B8F4;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Beefy Pink (#E5B8F4) bis zum dunkelsten Ton Midnight Purple (#2D033B). Sie vereint Midnight Purple, Shade of Violet, Ultraviolet Onsible und Beefy Pink 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 #2D033B auf #E5B8F4 mit 10,52:1.

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

Farben im Detail

Midnight Purple #2D033B

RGB: rgb(45, 3, 59)
HSL: hsl(285, 90%, 12%)
Luminanz: 0,009

Shade of Violet #810CA8

RGB: rgb(129, 12, 168)
HSL: hsl(285, 87%, 35%)
Luminanz: 0,078

Ultraviolet Onsible #C147E9

RGB: rgb(193, 71, 233)
HSL: hsl(285, 79%, 60%)
Luminanz: 0,217

Beefy Pink #E5B8F4

RGB: rgb(229, 184, 244)
HSL: hsl(285, 73%, 84%)
Luminanz: 0,575

Kontrast & Barrierefreiheit

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

Aa #2D033B auf #E5B8F4 10,52:1 AAA

Aa #810CA8 auf #E5B8F4 4,90:1 AA

Aa #2D033B auf #C147E9 4,50:1 AA

Aa #C147E9 auf #E5B8F4 2,34:1 Nicht bestanden

Aa #2D033B auf #810CA8 2,15:1 Nicht bestanden

Aa #810CA8 auf #C147E9 2,10:1 Nicht bestanden

Palette „Shade of Violet“ mit 4 Farben