Startseite Farbpaletten Palette „Sizzling Bacon“ mit 4 Farben

Palette „Sizzling Bacon“ mit 4 Farben

Palette mit 4 Farben · Neutral · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Palette „Sizzling Bacon“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Neutral · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 4 Farben Neutral Gemischt Komplementär

Likes 3.614

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #283148;
  --c-muted-2: #913535;
  --c-muted-3: #BBBBBB;
  --c-muted-4: #E9EEC9;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Lime Coco Cake (#E9EEC9) bis zum dunkelsten Ton Ahoy (#283148). Sie vereint Ahoy, Sizzling Bacon, Gravel Fint und Lime Coco Cake in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #283148 auf #E9EEC9 mit 10,81:1.

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

Farben im Detail

Ahoy #283148

RGB: rgb(40, 49, 72)
HSL: hsl(223, 29%, 22%)
Luminanz: 0,031

Sizzling Bacon #913535

RGB: rgb(145, 53, 53)
HSL: hsl(0, 46%, 39%)
Luminanz: 0,088

Gravel Fint #BBBBBB

RGB: rgb(187, 187, 187)
HSL: hsl(0, 0%, 73%)
Luminanz: 0,497

Lime Coco Cake #E9EEC9

RGB: rgb(233, 238, 201)
HSL: hsl(68, 52%, 86%)
Luminanz: 0,827

Kontrast & Barrierefreiheit

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

Aa #283148 auf #E9EEC9 10,81:1 AAA

Aa #283148 auf #BBBBBB 6,74:1 AA

Aa #913535 auf #E9EEC9 6,34:1 AA

Aa #913535 auf #BBBBBB 3,96:1 AA (großer Text)

Aa #283148 auf #913535 1,70:1 Nicht bestanden

Aa #BBBBBB auf #E9EEC9 1,60:1 Nicht bestanden

Palette „Sizzling Bacon“ mit 4 Farben