Ammo 8

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

Zurück zur Bibliothek

Ammo 8

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

Bearbeiten

Gedeckt 8 Farben Neutral Gemischt Analog artist monoramp monochrome rsvpasap

Likes 1.316

Farben 8

CSS-Variablen

:root {
  --c-muted-1: #040C06;
  --c-muted-2: #112318;
  --c-muted-3: #1E3A29;
  --c-muted-4: #305D42;
  --c-muted-5: #4D8061;
  --c-muted-6: #89A257;
  --c-muted-7: #BEDC7F;
  --c-muted-8: #EEFFCC;
}

Über diese Palette

Diese gedeckte Palette mit 8 Farben reicht vom hellsten Ton Snowdrop (#EEFFCC) bis zum dunkelsten Ton Whiten’t (#040C06). Sie vereint Whiten’t, Black Emerald, Palm Green, Emerald Temple, Sports Field Green, Yanagizome Green, Pancotto Pugliese und Snowdrop 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 #040C06 auf #EEFFCC mit 18,68:1.

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

Farben im Detail

Whiten’t #040C06

RGB: rgb(4, 12, 6)
HSL: hsl(135, 50%, 3%)
Luminanz: 0,003

Black Emerald #112318

RGB: rgb(17, 35, 24)
HSL: hsl(143, 35%, 10%)
Luminanz: 0,014

Palm Green #1E3A29

RGB: rgb(30, 58, 41)
HSL: hsl(144, 32%, 17%)
Luminanz: 0,035

Emerald Temple #305D42

RGB: rgb(48, 93, 66)
HSL: hsl(144, 32%, 28%)
Luminanz: 0,089

Sports Field Green #4D8061

RGB: rgb(77, 128, 97)
HSL: hsl(144, 25%, 40%)
Luminanz: 0,179

Yanagizome Green #89A257

RGB: rgb(137, 162, 87)
HSL: hsl(80, 30%, 49%)
Luminanz: 0,319

Pancotto Pugliese #BEDC7F

RGB: rgb(190, 220, 127)
HSL: hsl(79, 57%, 68%)
Luminanz: 0,637

Snowdrop #EEFFCC

RGB: rgb(238, 255, 204)
HSL: hsl(80, 100%, 90%)
Luminanz: 0,941

Kontrast & Barrierefreiheit

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

Aa #040C06 auf #EEFFCC 18,68:1 AAA

Aa #112318 auf #EEFFCC 15,51:1 AAA

Aa #040C06 auf #BEDC7F 12,95:1 AAA

Aa #1E3A29 auf #EEFFCC 11,71:1 AAA

Aa #112318 auf #BEDC7F 10,75:1 AAA

Aa #1E3A29 auf #BEDC7F 8,11:1 AAA

Aa #305D42 auf #EEFFCC 7,15:1 AAA

Aa #040C06 auf #89A257 6,95:1 AA

Aa #112318 auf #89A257 5,77:1 AA

Aa #305D42 auf #BEDC7F 4,96:1 AA

Aa #1E3A29 auf #89A257 4,35:1 AA (großer Text)

Aa #4D8061 auf #EEFFCC 4,33:1 AA (großer Text)

Aa #040C06 auf #4D8061 4,32:1 AA (großer Text)

Aa #112318 auf #4D8061 3,58:1 AA (großer Text)

Aa #4D8061 auf #BEDC7F 3,00:1 AA (großer Text)

Aa #1E3A29 auf #4D8061 2,70:1 Nicht bestanden

Aa #89A257 auf #EEFFCC 2,69:1 Nicht bestanden

Aa #305D42 auf #89A257 2,66:1 Nicht bestanden

Aa #040C06 auf #305D42 2,61:1 Nicht bestanden

Aa #112318 auf #305D42 2,17:1 Nicht bestanden

Aa #89A257 auf #BEDC7F 1,86:1 Nicht bestanden

Aa #305D42 auf #4D8061 1,65:1 Nicht bestanden

Aa #1E3A29 auf #305D42 1,64:1 Nicht bestanden

Aa #4D8061 auf #89A257 1,61:1 Nicht bestanden

Aa #040C06 auf #1E3A29 1,60:1 Nicht bestanden

Aa #BEDC7F auf #EEFFCC 1,44:1 Nicht bestanden

Aa #112318 auf #1E3A29 1,32:1 Nicht bestanden

Aa #040C06 auf #112318 1,20:1 Nicht bestanden

Ammo 8

Ammo 8

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen