Startseite Farbpaletten Palette „Banana Boat“ mit 4 Farben

Palette „Banana Boat“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Banana Boat“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 3.899

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #FCC737;
  --c-vibrant-2: #F26B0F;
  --c-vibrant-3: #E73879;
  --c-vibrant-4: #7E1891;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Banana Boat (#FCC737) bis zum dunkelsten Ton Noble Cause Purple (#7E1891). Sie vereint Banana Boat, Honey Teriyaki, Fantasy Romance und Noble Cause Purple 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 #FCC737 auf #7E1891 mit 5,51:1.

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

Farben im Detail

Banana Boat #FCC737

RGB: rgb(252, 199, 55)
HSL: hsl(44, 97%, 60%)
Luminanz: 0,618

Honey Teriyaki #F26B0F

RGB: rgb(242, 107, 15)
HSL: hsl(24, 90%, 50%)
Luminanz: 0,294

Fantasy Romance #E73879

RGB: rgb(231, 56, 121)
HSL: hsl(338, 78%, 56%)
Luminanz: 0,212

Noble Cause Purple #7E1891

RGB: rgb(126, 24, 145)
HSL: hsl(291, 72%, 33%)
Luminanz: 0,071

Kontrast & Barrierefreiheit

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

Aa #FCC737 auf #7E1891 5,51:1 AA

Aa #F26B0F auf #7E1891 2,84:1 Nicht bestanden

Aa #FCC737 auf #E73879 2,55:1 Nicht bestanden

Aa #E73879 auf #7E1891 2,16:1 Nicht bestanden

Aa #FCC737 auf #F26B0F 1,94:1 Nicht bestanden

Aa #F26B0F auf #E73879 1,31:1 Nicht bestanden

Palette „Banana Boat“ mit 4 Farben