Startseite Farbpaletten Palette „French Violet“ mit 4 Farben

Palette „French Violet“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „French Violet“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 4.139

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #3B064D;
  --c-vibrant-2: #8105D8;
  --c-vibrant-3: #ED0CEF;
  --c-vibrant-4: #FE59D7;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Illicit Pink (#FE59D7) bis zum dunkelsten Ton Romanic Scene (#3B064D). Sie vereint Romanic Scene, French Violet, Piquant Pink und Illicit Pink 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 #3B064D auf #FE59D7 mit 5,78:1.

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

Farben im Detail

Romanic Scene #3B064D

RGB: rgb(59, 6, 77)
HSL: hsl(285, 86%, 16%)
Luminanz: 0,016

French Violet #8105D8

RGB: rgb(129, 5, 216)
HSL: hsl(275, 95%, 43%)
Luminanz: 0,097

Piquant Pink #ED0CEF

RGB: rgb(237, 12, 239)
HSL: hsl(299, 90%, 49%)
Luminanz: 0,245

Illicit Pink #FE59D7

RGB: rgb(254, 89, 215)
HSL: hsl(314, 99%, 67%)
Luminanz: 0,331

Kontrast & Barrierefreiheit

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

Aa #3B064D auf #FE59D7 5,78:1 AA

Aa #3B064D auf #ED0CEF 4,47:1 AA (großer Text)

Aa #8105D8 auf #FE59D7 2,59:1 Nicht bestanden

Aa #3B064D auf #8105D8 2,23:1 Nicht bestanden

Aa #8105D8 auf #ED0CEF 2,00:1 Nicht bestanden

Aa #ED0CEF auf #FE59D7 1,29:1 Nicht bestanden

Palette „French Violet“ mit 4 Farben