Startseite Farbpaletten Palette „Violet Kiss“ mit 4 Farben

Palette „Violet Kiss“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Violet Kiss“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Monochrom

Likes 8.957

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #822659;
  --c-vibrant-2: #B34180;
  --c-vibrant-3: #E36BAE;
  --c-vibrant-4: #F8A1D1;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Violet Kiss (#F8A1D1) bis zum dunkelsten Ton Dark Raspberry (#822659). Sie vereint Dark Raspberry, Razzle Dazzle, Amaranth und Violet Kiss 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 #822659 auf #F8A1D1 mit 4,64:1.

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

Farben im Detail

Dark Raspberry #822659

RGB: rgb(130, 38, 89)
HSL: hsl(327, 55%, 33%)
Luminanz: 0,069

Razzle Dazzle #B34180

RGB: rgb(179, 65, 128)
HSL: hsl(327, 47%, 48%)
Luminanz: 0,149

Amaranth #E36BAE

RGB: rgb(227, 107, 174)
HSL: hsl(327, 68%, 65%)
Luminanz: 0,299

Violet Kiss #F8A1D1

RGB: rgb(248, 161, 209)
HSL: hsl(327, 86%, 80%)
Luminanz: 0,501

Kontrast & Barrierefreiheit

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

Aa #822659 auf #F8A1D1 4,64:1 AA

Aa #822659 auf #E36BAE 2,94:1 Nicht bestanden

Aa #B34180 auf #F8A1D1 2,76:1 Nicht bestanden

Aa #B34180 auf #E36BAE 1,75:1 Nicht bestanden

Aa #822659 auf #B34180 1,68:1 Nicht bestanden

Aa #E36BAE auf #F8A1D1 1,58:1 Nicht bestanden

Palette „Violet Kiss“ mit 4 Farben