Startseite Farbpaletten Palette „Medium Pink“ mit 4 Farben

Palette „Medium Pink“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Medium Pink“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 9.296

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #0C056D;
  --c-vibrant-2: #590D82;
  --c-vibrant-3: #B61AAE;
  --c-vibrant-4: #F25D9C;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Medium Pink (#F25D9C) bis zum dunkelsten Ton Dark Royalty (#0C056D). Sie vereint Dark Royalty, Indigo Girls, Rosolanc Purple und Medium 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 #0C056D auf #F25D9C mit 5,42:1.

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

Farben im Detail

Dark Royalty #0C056D

RGB: rgb(12, 5, 109)
HSL: hsl(244, 91%, 22%)
Luminanz: 0,013

Indigo Girls #590D82

RGB: rgb(89, 13, 130)
HSL: hsl(279, 82%, 28%)
Luminanz: 0,040

Rosolanc Purple #B61AAE

RGB: rgb(182, 26, 174)
HSL: hsl(303, 75%, 41%)
Luminanz: 0,137

Medium Pink #F25D9C

RGB: rgb(242, 93, 156)
HSL: hsl(335, 85%, 66%)
Luminanz: 0,291

Kontrast & Barrierefreiheit

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

Aa #0C056D auf #F25D9C 5,42:1 AA

Aa #590D82 auf #F25D9C 3,78:1 AA (großer Text)

Aa #0C056D auf #B61AAE 2,98:1 Nicht bestanden

Aa #590D82 auf #B61AAE 2,08:1 Nicht bestanden

Aa #B61AAE auf #F25D9C 1,82:1 Nicht bestanden

Aa #0C056D auf #590D82 1,43:1 Nicht bestanden

Palette „Medium Pink“ mit 4 Farben