Startseite Farbpaletten Palette „Pink Diamond“ mit 4 Farben

Palette „Pink Diamond“ mit 4 Farben

Palette mit 4 Farben · Neutral · Hell · Harmonie: Analog

Zurück zur Bibliothek

Palette „Pink Diamond“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Hell · Harmonie: Analog

Bearbeiten

Lebendig 4 Farben Neutral Hell Analog

Likes 3.970

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #4E56C0;
  --c-vibrant-2: #9B5DE0;
  --c-vibrant-3: #D78FEE;
  --c-vibrant-4: #FDCFFA;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Pink Diamond (#FDCFFA) bis zum dunkelsten Ton Free Speech Blue (#4E56C0). Sie vereint Free Speech Blue, Legendary Lavender, Bright Lilac und Pink Diamond 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 #4E56C0 auf #FDCFFA mit 4,53:1.

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

Farben im Detail

Free Speech Blue #4E56C0

RGB: rgb(78, 86, 192)
HSL: hsl(236, 48%, 53%)
Luminanz: 0,121

Legendary Lavender #9B5DE0

RGB: rgb(155, 93, 224)
HSL: hsl(268, 68%, 62%)
Luminanz: 0,202

Bright Lilac #D78FEE

RGB: rgb(215, 143, 238)
HSL: hsl(285, 74%, 75%)
Luminanz: 0,403

Pink Diamond #FDCFFA

RGB: rgb(253, 207, 250)
HSL: hsl(304, 92%, 90%)
Luminanz: 0,724

Kontrast & Barrierefreiheit

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

Aa #4E56C0 auf #FDCFFA 4,53:1 AA

Aa #9B5DE0 auf #FDCFFA 3,07:1 AA (großer Text)

Aa #4E56C0 auf #D78FEE 2,65:1 Nicht bestanden

Aa #9B5DE0 auf #D78FEE 1,80:1 Nicht bestanden

Aa #D78FEE auf #FDCFFA 1,71:1 Nicht bestanden

Aa #4E56C0 auf #9B5DE0 1,47:1 Nicht bestanden

Palette „Pink Diamond“ mit 4 Farben