Startseite Farbpaletten GenericMonochrome

GenericMonochrome

Palette mit 5 Farben · Warm · Gemischt · Harmonie: Monochrom

Zurück zur Bibliothek

GenericMonochrome

Palette mit 5 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Monochrom

Bearbeiten

Gedeckt 5 Farben Warm Gemischt Monochrom monochrome gameboy greyscale

Likes 19

Farben 5

CSS-Variablen

:root {
  --c-muted-1: #36241E;
  --c-muted-2: #4A3D35;
  --c-muted-3: #747769;
  --c-muted-4: #A29D8D;
  --c-muted-5: #CFC1AB;
}

Über diese Palette

Diese gedeckte Palette mit 5 Farben reicht vom hellsten Ton Cabo (#CFC1AB) bis zum dunkelsten Ton Cocoa Brown (#36241E). Sie vereint Cocoa Brown, Slate Black, Armoured Steel, Sacred Vortex und Cabo in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 10. Davon erreichen 3 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #36241E auf #CFC1AB mit 8,31:1.

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

Farben im Detail

Cocoa Brown #36241E

RGB: rgb(54, 36, 30)
HSL: hsl(15, 29%, 16%)
Luminanz: 0,021

Slate Black #4A3D35

RGB: rgb(74, 61, 53)
HSL: hsl(23, 17%, 25%)
Luminanz: 0,051

Armoured Steel #747769

RGB: rgb(116, 119, 105)
HSL: hsl(73, 6%, 44%)
Luminanz: 0,179

Sacred Vortex #A29D8D

RGB: rgb(162, 157, 141)
HSL: hsl(46, 10%, 59%)
Luminanz: 0,337

Cabo #CFC1AB

RGB: rgb(207, 193, 171)
HSL: hsl(37, 27%, 74%)
Luminanz: 0,544

Kontrast & Barrierefreiheit

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

Aa #36241E auf #CFC1AB 8,31:1 AAA

Aa #4A3D35 auf #CFC1AB 5,90:1 AA

Aa #36241E auf #A29D8D 5,42:1 AA

Aa #4A3D35 auf #A29D8D 3,85:1 AA (großer Text)

Aa #36241E auf #747769 3,21:1 AA (großer Text)

Aa #747769 auf #CFC1AB 2,59:1 Nicht bestanden

Aa #4A3D35 auf #747769 2,28:1 Nicht bestanden

Aa #747769 auf #A29D8D 1,69:1 Nicht bestanden

Aa #A29D8D auf #CFC1AB 1,53:1 Nicht bestanden

Aa #36241E auf #4A3D35 1,41:1 Nicht bestanden

GenericMonochrome