Camouflage 7

Palette mit 7 Farben · Warm · Gemischt · Harmonie: Triadisch

Zurück zur Bibliothek

Camouflage 7

Palette mit 7 Farben · Temperatur: Warm · Ton: Gemischt · Harmonie: Triadisch

Bearbeiten

Gedeckt 7 Farben Warm Gemischt Triadisch monochrome camouflage orbitron orbee

Likes 23

Farben 7

CSS-Variablen

:root {
  --c-muted-1: #14060F;
  --c-muted-2: #2A2F23;
  --c-muted-3: #4C5638;
  --c-muted-4: #616A4E;
  --c-muted-5: #728055;
  --c-muted-6: #9AAA7B;
  --c-muted-7: #BEC4AB;
}

Über diese Palette

Diese gedeckte Palette mit 7 Farben reicht vom hellsten Ton Jungle Moss (#BEC4AB) bis zum dunkelsten Ton Noir Fiction (#14060F). Sie vereint Noir Fiction, Pine Tree, Chive, Hinterland, Terrain, Forester und Jungle Moss in einem Set, das du direkt in deine Benutzeroberfläche übernehmen kannst. Farbpaare in der Palette: 21. Davon erreichen 5 die WCAG-AA-Kontrastschwelle (4,5:1) für Fließtext – am stärksten ist #14060F auf #BEC4AB mit 10,98:1.

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

Farben im Detail

Noir Fiction #14060F

RGB: rgb(20, 6, 15)
HSL: hsl(321, 54%, 5%)
Luminanz: 0,003

Pine Tree #2A2F23

RGB: rgb(42, 47, 35)
HSL: hsl(85, 15%, 16%)
Luminanz: 0,027

Chive #4C5638

RGB: rgb(76, 86, 56)
HSL: hsl(80, 21%, 28%)
Luminanz: 0,085

Hinterland #616A4E

RGB: rgb(97, 106, 78)
HSL: hsl(79, 15%, 36%)
Luminanz: 0,134

Terrain #728055

RGB: rgb(114, 128, 85)
HSL: hsl(80, 20%, 42%)
Luminanz: 0,197

Forester #9AAA7B

RGB: rgb(154, 170, 123)
HSL: hsl(80, 22%, 57%)
Luminanz: 0,371

Jungle Moss #BEC4AB

RGB: rgb(190, 196, 171)
HSL: hsl(74, 17%, 72%)
Luminanz: 0,534

Kontrast & Barrierefreiheit

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

Aa #14060F auf #BEC4AB 10,98:1 AAA

Aa #14060F auf #9AAA7B 7,91:1 AAA

Aa #2A2F23 auf #BEC4AB 7,63:1 AAA

Aa #2A2F23 auf #9AAA7B 5,50:1 AA

Aa #14060F auf #728055 4,64:1 AA

Aa #4C5638 auf #BEC4AB 4,33:1 AA (großer Text)

Aa #14060F auf #616A4E 3,46:1 AA (großer Text)

Aa #2A2F23 auf #728055 3,23:1 AA (großer Text)

Aa #616A4E auf #BEC4AB 3,17:1 AA (großer Text)

Aa #4C5638 auf #9AAA7B 3,12:1 AA (großer Text)

Aa #14060F auf #4C5638 2,54:1 Nicht bestanden

Aa #2A2F23 auf #616A4E 2,41:1 Nicht bestanden

Aa #728055 auf #BEC4AB 2,37:1 Nicht bestanden

Aa #616A4E auf #9AAA7B 2,29:1 Nicht bestanden

Aa #4C5638 auf #728055 1,83:1 Nicht bestanden

Aa #2A2F23 auf #4C5638 1,76:1 Nicht bestanden

Aa #728055 auf #9AAA7B 1,70:1 Nicht bestanden

Aa #14060F auf #2A2F23 1,44:1 Nicht bestanden

Aa #9AAA7B auf #BEC4AB 1,39:1 Nicht bestanden

Aa #4C5638 auf #616A4E 1,37:1 Nicht bestanden

Aa #616A4E auf #728055 1,34:1 Nicht bestanden

Camouflage 7

Camouflage 7

CSS-Variablen

Über diese Palette

Farben im Detail

Kontrast & Barrierefreiheit

Ähnliche Paletten

Schriftarten

Icons & SVG

Farben

Bilder

CSS-Tools

Entwicklung

Dokumentation

Unternehmen