Startseite Farbpaletten Palette „Shocking Pink“ mit 4 Farben

Palette „Shocking Pink“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Shocking Pink“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 2.426

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FC00A3;
  --c-vibrant-2: #B30C7B;
  --c-vibrant-3: #780662;
  --c-vibrant-4: #E3F6F5;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Frosty Mint (#E3F6F5) bis zum dunkelsten Ton Liche Purple (#780662). Sie vereint Shocking Pink, King’s Plum Pie, Liche Purple und Frosty Mint in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #780662 auf #E3F6F5 mit 9,38:1.

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

Farben im Detail

Shocking Pink #FC00A3

RGB: rgb(252, 0, 163)
HSL: hsl(321, 100%, 49%)
Luminanz: 0,233

King’s Plum Pie #B30C7B

RGB: rgb(179, 12, 123)
HSL: hsl(320, 87%, 37%)
Luminanz: 0,113

Liche Purple #780662

RGB: rgb(120, 6, 98)
HSL: hsl(312, 90%, 25%)
Luminanz: 0,050

Frosty Mint #E3F6F5

RGB: rgb(227, 246, 245)
HSL: hsl(177, 51%, 93%)
Luminanz: 0,888

Kontrast & Barrierefreiheit

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

Aa #780662 auf #E3F6F5 9,38:1 AAA

Aa #B30C7B auf #E3F6F5 5,76:1 AA

Aa #FC00A3 auf #E3F6F5 3,31:1 AA (großer Text)

Aa #FC00A3 auf #780662 2,83:1 Nicht bestanden

Aa #FC00A3 auf #B30C7B 1,74:1 Nicht bestanden

Aa #B30C7B auf #780662 1,63:1 Nicht bestanden

Palette „Shocking Pink“ mit 4 Farben