Startseite Farbpaletten Palette „Anna Banana“ mit 4 Farben

Palette „Anna Banana“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Anna Banana“ mit 4 Farben

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

Bearbeiten

Lebendig 4 Farben Warm Gemischt Triadisch

Likes 5.307

Farben 4

CSS-Variablen

:root {
  --c-vibrant-1: #F6F578;
  --c-vibrant-2: #F6D743;
  --c-vibrant-3: #649D66;
  --c-vibrant-4: #06623B;
}

Über diese Palette

Diese lebendige Palette mit 4 Farben reicht vom hellsten Ton Hyper Beam (#F6F578) bis zum dunkelsten Ton Spruce (#06623B). Sie vereint Hyper Beam, Anna Banana, Leafy und Spruce in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 2 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #F6F578 auf #06623B mit 6,48:1.

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

Farben im Detail

Hyper Beam #F6F578

RGB: rgb(246, 245, 120)
HSL: hsl(60, 88%, 72%)
Luminanz: 0,863

Anna Banana #F6D743

RGB: rgb(246, 215, 67)
HSL: hsl(50, 91%, 61%)
Luminanz: 0,686

Leafy #649D66

RGB: rgb(100, 157, 102)
HSL: hsl(122, 23%, 50%)
Luminanz: 0,278

Spruce #06623B

RGB: rgb(6, 98, 59)
HSL: hsl(155, 88%, 20%)
Luminanz: 0,091

Kontrast & Barrierefreiheit

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

Aa #F6F578 auf #06623B 6,48:1 AA

Aa #F6D743 auf #06623B 5,22:1 AA

Aa #F6F578 auf #649D66 2,78:1 Nicht bestanden

Aa #649D66 auf #06623B 2,33:1 Nicht bestanden

Aa #F6D743 auf #649D66 2,25:1 Nicht bestanden

Aa #F6F578 auf #F6D743 1,24:1 Nicht bestanden

Palette „Anna Banana“ mit 4 Farben