Startseite Farbpaletten Basement Bio Chem

Basement Bio Chem

Palette mit 8 Farben · Kühl · Gemischt · Harmonie: Komplementär

Zurück zur Bibliothek

Basement Bio Chem

Palette mit 8 Farben · Temperatur: Kühl · Ton: Gemischt · Harmonie: Komplementär

Bearbeiten

Gedeckt 8 Farben Kühl Gemischt Komplementär cold 8 glass gaming

Likes 42

Farben 8

CSS-Variablen

:root {
  --c-muted-1: #19152D;
  --c-muted-2: #342A4C;
  --c-muted-3: #424272;
  --c-muted-4: #5C7677;
  --c-muted-5: #7A9968;
  --c-muted-6: #9ABC51;
  --c-muted-7: #B4CC49;
  --c-muted-8: #E9FFBF;
}

Über diese Palette

Diese gedeckte Palette mit 8 Farben reicht vom hellsten Ton Fall Green (#E9FFBF) bis zum dunkelsten Ton Sambucus (#19152D). Sie vereint Sambucus, Operetta Mauve, Deep Wisteria, Paradise City, Mosslands, Clematis Green, Solid Gold und Fall Green in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 10 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #19152D auf #E9FFBF mit 16,45:1.

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

Farben im Detail

Sambucus #19152D

RGB: rgb(25, 21, 45)
HSL: hsl(250, 36%, 13%)
Luminanz: 0,009

Operetta Mauve #342A4C

RGB: rgb(52, 42, 76)
HSL: hsl(258, 29%, 23%)
Luminanz: 0,029

Deep Wisteria #424272

RGB: rgb(66, 66, 114)
HSL: hsl(240, 27%, 35%)
Luminanz: 0,063

Paradise City #5C7677

RGB: rgb(92, 118, 119)
HSL: hsl(182, 13%, 41%)
Luminanz: 0,166

Mosslands #7A9968

RGB: rgb(122, 153, 104)
HSL: hsl(98, 19%, 50%)
Luminanz: 0,279

Clematis Green #9ABC51

RGB: rgb(154, 188, 81)
HSL: hsl(79, 44%, 53%)
Luminanz: 0,434

Solid Gold #B4CC49

RGB: rgb(180, 204, 73)
HSL: hsl(71, 56%, 54%)
Luminanz: 0,534

Fall Green #E9FFBF

RGB: rgb(233, 255, 191)
HSL: hsl(81, 100%, 87%)
Luminanz: 0,926

Kontrast & Barrierefreiheit

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

Aa #19152D auf #E9FFBF 16,45:1 AAA

Aa #342A4C auf #E9FFBF 12,34:1 AAA

Aa #19152D auf #B4CC49 9,84:1 AAA

Aa #424272 auf #E9FFBF 8,66:1 AAA

Aa #19152D auf #9ABC51 8,16:1 AAA

Aa #342A4C auf #B4CC49 7,38:1 AAA

Aa #342A4C auf #9ABC51 6,12:1 AA

Aa #19152D auf #7A9968 5,55:1 AA

Aa #424272 auf #B4CC49 5,18:1 AA

Aa #5C7677 auf #E9FFBF 4,53:1 AA

Aa #424272 auf #9ABC51 4,30:1 AA (großer Text)

Aa #342A4C auf #7A9968 4,16:1 AA (großer Text)

Aa #19152D auf #5C7677 3,63:1 AA (großer Text)

Aa #7A9968 auf #E9FFBF 2,96:1 Nicht bestanden

Aa #424272 auf #7A9968 2,92:1 Nicht bestanden

Aa #342A4C auf #5C7677 2,73:1 Nicht bestanden

Aa #5C7677 auf #B4CC49 2,71:1 Nicht bestanden

Aa #5C7677 auf #9ABC51 2,25:1 Nicht bestanden

Aa #9ABC51 auf #E9FFBF 2,02:1 Nicht bestanden

Aa #424272 auf #5C7677 1,91:1 Nicht bestanden

Aa #19152D auf #424272 1,90:1 Nicht bestanden

Aa #7A9968 auf #B4CC49 1,77:1 Nicht bestanden

Aa #B4CC49 auf #E9FFBF 1,67:1 Nicht bestanden

Aa #5C7677 auf #7A9968 1,53:1 Nicht bestanden

Aa #7A9968 auf #9ABC51 1,47:1 Nicht bestanden

Aa #342A4C auf #424272 1,43:1 Nicht bestanden

Aa #19152D auf #342A4C 1,33:1 Nicht bestanden

Aa #9ABC51 auf #B4CC49 1,21:1 Nicht bestanden

Basement Bio Chem