diff --git a/main.less b/main.less
index cff214d..dd949be 100644
--- a/main.less
+++ b/main.less
@@ -18,6 +18,7 @@
 @special-font-stack-1: ~"'Raleway', 'Helvetica Neue', 'Arial', sans-serif";
 
 @black: #333;
+@black-content: #111;
 @gray: #666;
 // accent colors from hermanradtke.com
 @accent: #428bca; // alt: rgba(244,109,44,1);
@@ -99,7 +100,7 @@ body {
     min-height: 100%;
     font-weight: 400;
     font-family: @body-font-stack;
-    color: @black;
+    color: @black-content;
     line-height: 1.6;
     text-rendering: optimizeLegibility !important;
     // TODO: Uncomment when moz supports at subpixel level
@@ -353,7 +354,7 @@ section.main {
     }
 
     .content {
-        color: @black;
+        color: @black-content;
         font-size: @base-font-size;
         
         .title-container {
diff --git a/static/css/main.css b/static/css/main.css
index 71e8ddc..2dc8aeb 100644
--- a/static/css/main.css
+++ b/static/css/main.css
@@ -61,7 +61,7 @@ body {
   min-height: 100%;
   font-weight: 400;
   font-family: 'Open Sans', 'Helvetica Neue', 'Arial', sans-serif;
-  color: #333;
+  color: #111;
   line-height: 1.6;
   text-rendering: optimizeLegibility !important;
   -webkit-font-smoothing: subpixel-antialiased;
@@ -333,7 +333,7 @@ section.main .container {
   justify-content: flex-start;
 }
 section.main .content {
-  color: #333;
+  color: #111;
   font-size: 16px;
 }
 section.main .content .title-container {