Startseite Farbpaletten Palette „Rose Mallow“ mit 4 Farben

Palette „Rose Mallow“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Rose Mallow“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Monochrom

Likes 4.128

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #691A40;
  --c-vibrant-2: #9E3668;
  --c-vibrant-3: #F6A9CE;
  --c-vibrant-4: #FDE3F0;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Pale Blossom (#FDE3F0) bis zum dunkelsten Ton Pompadour (#691A40). Sie vereint Pompadour, Scarlet Flame, Rose Mallow und Pale Blossom in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #691A40 auf #FDE3F0 mit 9,56:1.

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

Farben im Detail

Pompadour #691A40

RGB: rgb(105, 26, 64)
HSL: hsl(331, 60%, 26%)
Luminanz: 0,041

Scarlet Flame #9E3668

RGB: rgb(158, 54, 104)
HSL: hsl(331, 49%, 42%)
Luminanz: 0,109

Rose Mallow #F6A9CE

RGB: rgb(246, 169, 206)
HSL: hsl(331, 81%, 81%)
Luminanz: 0,524

Pale Blossom #FDE3F0

RGB: rgb(253, 227, 240)
HSL: hsl(330, 87%, 94%)
Luminanz: 0,821

Kontrast & Barrierefreiheit

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

Aa #691A40 auf #FDE3F0 9,56:1 AAA

Aa #691A40 auf #F6A9CE 6,30:1 AA

Aa #9E3668 auf #FDE3F0 5,48:1 AA

Aa #9E3668 auf #F6A9CE 3,61:1 AA (großer Text)

Aa #691A40 auf #9E3668 1,75:1 Nicht bestanden

Aa #F6A9CE auf #FDE3F0 1,52:1 Nicht bestanden

Palette „Rose Mallow“ mit 4 Farben