Startseite Farbpaletten Palette „Pansy“ mit 4 Farben

Palette „Pansy“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Pansy“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 950

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F6538F;
  --c-vibrant-2: #B83F87;
  --c-vibrant-3: #F3E94C;
  --c-vibrant-4: #E8D124;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Yellow Petal (#F3E94C) bis zum dunkelsten Ton Orchid Ecstasy (#B83F87). Sie vereint Pansy, Orchid Ecstasy, Yellow Petal und Polliwog 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 #F6538F

RGB: rgb(246, 83, 143)
HSL: hsl(338, 90%, 65%)
Luminanz: 0,278

Orchid Ecstasy #B83F87

RGB: rgb(184, 63, 135)
HSL: hsl(324, 49%, 48%)
Luminanz: 0,155

Yellow Petal #F3E94C

RGB: rgb(243, 233, 76)
HSL: hsl(56, 87%, 63%)
Luminanz: 0,779

Polliwog #E8D124

RGB: rgb(232, 209, 36)
HSL: hsl(53, 81%, 53%)
Luminanz: 0,629

Kontrast & Barrierefreiheit

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

Aa #B83F87 auf #F3E94C 4,04:1 AA (großer Text)

Aa #B83F87 auf #E8D124 3,31:1 AA (großer Text)

Aa #F6538F auf #F3E94C 2,53:1 Nicht bestanden

Aa #F6538F auf #E8D124 2,07:1 Nicht bestanden

Aa #F6538F auf #B83F87 1,60:1 Nicht bestanden

Aa #F3E94C auf #E8D124 1,22:1 Nicht bestanden

Palette „Pansy“ mit 4 Farben