Startseite Farbpaletten Palette „Avant-Garde Pink“ mit 4 Farben

Palette „Avant-Garde Pink“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Avant-Garde Pink“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Kühl Gemischt Analog

Likes 6.202

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #313866;
  --c-muted-2: #504099;
  --c-muted-3: #974EC3;
  --c-muted-4: #FE7BE5;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Avant-Garde Pink (#FE7BE5) bis zum dunkelsten Ton Blue Depths (#313866). Sie vereint Blue Depths, Blueberry, Liberal Lilac und Avant-Garde 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 #313866 auf #FE7BE5 mit 4,86:1.

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

Farben im Detail

Blue Depths #313866

RGB: rgb(49, 56, 102)
HSL: hsl(232, 35%, 30%)
Luminanz: 0,044

Blueberry #504099

RGB: rgb(80, 64, 153)
HSL: hsl(251, 41%, 43%)
Luminanz: 0,077

Liberal Lilac #974EC3

RGB: rgb(151, 78, 195)
HSL: hsl(277, 49%, 54%)
Luminanz: 0,160

Avant-Garde Pink #FE7BE5

RGB: rgb(254, 123, 229)
HSL: hsl(311, 98%, 74%)
Luminanz: 0,409

Kontrast & Barrierefreiheit

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

Aa #313866 auf #FE7BE5 4,86:1 AA

Aa #504099 auf #FE7BE5 3,62:1 AA (großer Text)

Aa #313866 auf #974EC3 2,22:1 Nicht bestanden

Aa #974EC3 auf #FE7BE5 2,19:1 Nicht bestanden

Aa #504099 auf #974EC3 1,65:1 Nicht bestanden

Aa #313866 auf #504099 1,34:1 Nicht bestanden

Palette „Avant-Garde Pink“ mit 4 Farben