Startseite Farbpaletten Palette „Pink Theory“ mit 4 Farben

Palette „Pink Theory“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Pink Theory“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Neutral Hell Triadisch

Likes 5.643

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #848CCF;
  --c-vibrant-2: #93B5E1;
  --c-vibrant-3: #FFE4E4;
  --c-vibrant-4: #BE5683;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Pink Theory (#FFE4E4) bis zum dunkelsten Ton Berry Boost (#BE5683). Sie vereint Pansy Garden, Adrift on the Nile, Pink Theory und Berry Boost in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Keines der 6 Farbpaare der Palette erreicht die WCAG-AA-Kontrastschwelle (4,5:1) – kombiniere diese Farben für Fließtext daher mit Schwarz oder Weiß.

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

Farben im Detail

Pansy Garden #848CCF

RGB: rgb(132, 140, 207)
HSL: hsl(234, 44%, 66%)
Luminanz: 0,282

Adrift on the Nile #93B5E1

RGB: rgb(147, 181, 225)
HSL: hsl(214, 57%, 73%)
Luminanz: 0,447

Pink Theory #FFE4E4

RGB: rgb(255, 228, 228)
HSL: hsl(0, 100%, 95%)
Luminanz: 0,824

Berry Boost #BE5683

RGB: rgb(190, 86, 131)
HSL: hsl(334, 44%, 54%)
Luminanz: 0,192

Kontrast & Barrierefreiheit

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

Aa #FFE4E4 auf #BE5683 3,60:1 AA (großer Text)

Aa #848CCF auf #FFE4E4 2,63:1 Nicht bestanden

Aa #93B5E1 auf #BE5683 2,05:1 Nicht bestanden

Aa #93B5E1 auf #FFE4E4 1,76:1 Nicht bestanden

Aa #848CCF auf #93B5E1 1,50:1 Nicht bestanden

Aa #848CCF auf #BE5683 1,37:1 Nicht bestanden

Palette „Pink Theory“ mit 4 Farben