DMG4EVR

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

Zurück zur Bibliothek

DMG4EVR

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

Bearbeiten

Gedeckt 8 Farben Warm Gemischt Analog green gameboy 8color gb

Likes 72

Farben 8

CSS-Variablen

:root {
  --c-muted-1: #333030;
  --c-muted-2: #423D4D;
  --c-muted-3: #4D5966;
  --c-muted-4: #667F59;
  --c-muted-5: #88985B;
  --c-muted-6: #B3B37E;
  --c-muted-7: #D8CEAE;
  --c-muted-8: #F0F0E4;
}

Über diese Palette

Diese gedeckte Palette mit 8 Farben reicht vom hellsten Ton Fog White (#F0F0E4) bis zum dunkelsten Ton Off Black (#333030). Sie vereint Off Black, Italian Grape, Rogue Blue, Silver Willow Green, Vesuvian Green, Weeping Willow, Cotswold Dill und Fog White in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 28. Davon erreichen 8 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #333030 auf #F0F0E4 mit 11,39:1.

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

Farben im Detail

Off Black #333030

RGB: rgb(51, 48, 48)
HSL: hsl(0, 3%, 19%)
Luminanz: 0,030

Italian Grape #423D4D

RGB: rgb(66, 61, 77)
HSL: hsl(259, 12%, 27%)
Luminanz: 0,050

Rogue Blue #4D5966

RGB: rgb(77, 89, 102)
HSL: hsl(211, 14%, 35%)
Luminanz: 0,097

Silver Willow Green #667F59

RGB: rgb(102, 127, 89)
HSL: hsl(99, 18%, 42%)
Luminanz: 0,187

Vesuvian Green #88985B

RGB: rgb(136, 152, 91)
HSL: hsl(76, 25%, 48%)
Luminanz: 0,285

Weeping Willow #B3B37E

RGB: rgb(179, 179, 126)
HSL: hsl(60, 26%, 60%)
Luminanz: 0,433

Cotswold Dill #D8CEAE

RGB: rgb(216, 206, 174)
HSL: hsl(46, 35%, 76%)
Luminanz: 0,618

Fog White #F0F0E4

RGB: rgb(240, 240, 228)
HSL: hsl(60, 29%, 92%)
Luminanz: 0,865

Kontrast & Barrierefreiheit

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

Aa #333030 auf #F0F0E4 11,39:1 AAA

Aa #423D4D auf #F0F0E4 9,12:1 AAA

Aa #333030 auf #D8CEAE 8,32:1 AAA

Aa #423D4D auf #D8CEAE 6,66:1 AA

Aa #4D5966 auf #F0F0E4 6,23:1 AA

Aa #333030 auf #B3B37E 6,02:1 AA

Aa #423D4D auf #B3B37E 4,82:1 AA

Aa #4D5966 auf #D8CEAE 4,55:1 AA

Aa #333030 auf #88985B 4,16:1 AA (großer Text)

Aa #667F59 auf #F0F0E4 3,85:1 AA (großer Text)

Aa #423D4D auf #88985B 3,33:1 AA (großer Text)

Aa #4D5966 auf #B3B37E 3,29:1 AA (großer Text)

Aa #333030 auf #667F59 2,95:1 Nicht bestanden

Aa #667F59 auf #D8CEAE 2,82:1 Nicht bestanden

Aa #88985B auf #F0F0E4 2,73:1 Nicht bestanden

Aa #423D4D auf #667F59 2,37:1 Nicht bestanden

Aa #4D5966 auf #88985B 2,28:1 Nicht bestanden

Aa #667F59 auf #B3B37E 2,04:1 Nicht bestanden

Aa #88985B auf #D8CEAE 2,00:1 Nicht bestanden

Aa #B3B37E auf #F0F0E4 1,89:1 Nicht bestanden

Aa #333030 auf #4D5966 1,83:1 Nicht bestanden

Aa #4D5966 auf #667F59 1,62:1 Nicht bestanden

Aa #423D4D auf #4D5966 1,46:1 Nicht bestanden

Aa #88985B auf #B3B37E 1,45:1 Nicht bestanden

Aa #667F59 auf #88985B 1,41:1 Nicht bestanden

Aa #B3B37E auf #D8CEAE 1,38:1 Nicht bestanden

Aa #D8CEAE auf #F0F0E4 1,37:1 Nicht bestanden

Aa #333030 auf #423D4D 1,25:1 Nicht bestanden

DMG4EVR

DMG4EVR

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen