Startseite Farbpaletten Palette „Reddish Banana“ mit 4 Farben

Palette „Reddish Banana“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Reddish Banana“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Analog

Likes 6.042

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #79155B;
  --c-vibrant-2: #C23373;
  --c-vibrant-3: #F6635C;
  --c-vibrant-4: #FFBA86;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Reddish Banana (#FFBA86) bis zum dunkelsten Ton French Plum (#79155B). Sie vereint French Plum, Pink Shadow, Jinzamomi Pink und Reddish Banana 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 #79155B auf #FFBA86 mit 6,09:1.

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

Farben im Detail

French Plum #79155B

RGB: rgb(121, 21, 91)
HSL: hsl(318, 70%, 28%)
Luminanz: 0,054

Pink Shadow #C23373

RGB: rgb(194, 51, 115)
HSL: hsl(333, 58%, 48%)
Luminanz: 0,151

Jinzamomi Pink #F6635C

RGB: rgb(246, 99, 92)
HSL: hsl(3, 90%, 66%)
Luminanz: 0,293

Reddish Banana #FFBA86

RGB: rgb(255, 186, 134)
HSL: hsl(26, 100%, 76%)
Luminanz: 0,581

Kontrast & Barrierefreiheit

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

Aa #79155B auf #FFBA86 6,09:1 AA

Aa #79155B auf #F6635C 3,31:1 AA (großer Text)

Aa #C23373 auf #FFBA86 3,14:1 AA (großer Text)

Aa #79155B auf #C23373 1,94:1 Nicht bestanden

Aa #F6635C auf #FFBA86 1,84:1 Nicht bestanden

Aa #C23373 auf #F6635C 1,71:1 Nicht bestanden

Palette „Reddish Banana“ mit 4 Farben