Startseite Farbpaletten Palette „Bethlehem Superstar“ mit 4 Farben

Palette „Bethlehem Superstar“ mit 4 Farben

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

Zurück zur Bibliothek

Palette „Bethlehem Superstar“ mit 4 Farben

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

Bearbeiten

Gedeckt 4 Farben Warm Gemischt Analog

Likes 6.156

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #E9EED9;
  --c-muted-2: #CBD2A4;
  --c-muted-3: #9A7E6F;
  --c-muted-4: #54473F;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Bethlehem Superstar (#E9EED9) bis zum dunkelsten Ton Rave Raisin (#54473F). Sie vereint Bethlehem Superstar, True to You, Tempered Allspice und Rave Raisin 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 #E9EED9 auf #54473F mit 7,53:1.

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

Farben im Detail

Bethlehem Superstar #E9EED9

RGB: rgb(233, 238, 217)
HSL: hsl(74, 38%, 89%)
Luminanz: 0,835

True to You #CBD2A4

RGB: rgb(203, 210, 164)
HSL: hsl(69, 34%, 73%)
Luminanz: 0,615

Tempered Allspice #9A7E6F

RGB: rgb(154, 126, 111)
HSL: hsl(21, 18%, 52%)
Luminanz: 0,229

Rave Raisin #54473F

RGB: rgb(84, 71, 63)
HSL: hsl(23, 14%, 29%)
Luminanz: 0,068

Kontrast & Barrierefreiheit

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

Aa #E9EED9 auf #54473F 7,53:1 AAA

Aa #CBD2A4 auf #54473F 5,66:1 AA

Aa #E9EED9 auf #9A7E6F 3,17:1 AA (großer Text)

Aa #CBD2A4 auf #9A7E6F 2,38:1 Nicht bestanden

Aa #9A7E6F auf #54473F 2,38:1 Nicht bestanden

Aa #E9EED9 auf #CBD2A4 1,33:1 Nicht bestanden

Palette „Bethlehem Superstar“ mit 4 Farben