Startseite Farbpaletten Palette „Common Chestnut“ mit 4 Farben

Palette „Common Chestnut“ mit 4 Farben

Palette mit 4 Farben · Warm · Hell · Harmonie: Monochrom

Zurück zur Bibliothek

Palette „Common Chestnut“ mit 4 Farben

Palette mit 4 Farben · Temperatur: Warm · Ton: Hell · Harmonie: Monochrom

Bearbeiten

Gedeckt 4 Farben Warm Hell Monochrom

Likes 2.268

Farben 4

CSS-Variablen

:root {
  --c-muted-1: #B9375D;
  --c-muted-2: #D25D5D;
  --c-muted-3: #E7D3D3;
  --c-muted-4: #EEEEEE;
}

Über diese Palette

Diese gedeckte Palette mit 4 Farben reicht vom hellsten Ton Super Silver (#EEEEEE) bis zum dunkelsten Ton Valentine’s Kiss (#B9375D). Sie vereint Valentine’s Kiss, Common Chestnut, Ash Cherry Blossom und Super Silver in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 6. Davon erreicht 1 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #B9375D auf #EEEEEE mit 4,8:1.

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

Farben im Detail

Valentine’s Kiss #B9375D

RGB: rgb(185, 55, 93)
HSL: hsl(342, 54%, 47%)
Luminanz: 0,138

Common Chestnut #D25D5D

RGB: rgb(210, 93, 93)
HSL: hsl(0, 57%, 59%)
Luminanz: 0,223

Ash Cherry Blossom #E7D3D3

RGB: rgb(231, 211, 211)
HSL: hsl(0, 29%, 87%)
Luminanz: 0,683

Super Silver #EEEEEE

RGB: rgb(238, 238, 238)
HSL: hsl(0, 0%, 93%)
Luminanz: 0,855

Kontrast & Barrierefreiheit

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

Aa #B9375D auf #EEEEEE 4,80:1 AA

Aa #B9375D auf #E7D3D3 3,89:1 AA (großer Text)

Aa #D25D5D auf #EEEEEE 3,31:1 AA (großer Text)

Aa #D25D5D auf #E7D3D3 2,68:1 Nicht bestanden

Aa #B9375D auf #D25D5D 1,45:1 Nicht bestanden

Aa #E7D3D3 auf #EEEEEE 1,23:1 Nicht bestanden

Palette „Common Chestnut“ mit 4 Farben