Startseite Farbpaletten Palette „Bubble Bobble Green“ mit 4 Farben

Palette „Bubble Bobble Green“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Bubble Bobble Green“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Analog

Likes 2.408

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #F5F5F5;
  --c-muted-2: #B9E937;
  --c-muted-3: #00B906;
  --c-muted-4: #424242;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton White Smoke (#F5F5F5) bis zum dunkelsten Ton Black Panther (#424242). Sie vereint White Smoke, Energos, Bubble Bobble Green und Black Panther 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 #F5F5F5 auf #424242 mit 9,22:1.

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

Farben im Detail

White Smoke #F5F5F5

RGB: rgb(245, 245, 245)
HSL: hsl(0, 0%, 96%)
Luminanz: 0,913

Energos #B9E937

RGB: rgb(185, 233, 55)
HSL: hsl(76, 80%, 56%)
Luminanz: 0,689

Bubble Bobble Green #00B906

RGB: rgb(0, 185, 6)
HSL: hsl(122, 100%, 36%)
Luminanz: 0,347

Black Panther #424242

RGB: rgb(66, 66, 66)
HSL: hsl(0, 0%, 26%)
Luminanz: 0,055

Kontrast & Barrierefreiheit

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

Aa #F5F5F5 auf #424242 9,22:1 AAA

Aa #B9E937 auf #424242 7,07:1 AAA

Aa #00B906 auf #424242 3,80:1 AA (großer Text)

Aa #F5F5F5 auf #00B906 2,43:1 Nicht bestanden

Aa #B9E937 auf #00B906 1,86:1 Nicht bestanden

Aa #F5F5F5 auf #B9E937 1,30:1 Nicht bestanden

Palette „Bubble Bobble Green“ mit 4 Farben