diff --git a/scss/_variables.scss b/scss/_variables.scss
index 17e6c2a3135c60f22e6757cd2dacd606eb88d3b3..a8135b1ad6a4cec1be924940dcb5a56a47683f15 100644
--- a/scss/_variables.scss
+++ b/scss/_variables.scss
@@ -63,9 +63,10 @@ $white: #ffffff !default;
 $body-bg: $light !default;
 $body-color: $dark !default;
 
-$text-muted: mix($body-color, #ffffff, 60%) !default;
-$border-color: rgba($text-muted, .24) !default;
-$border-color-light: rgba($text-muted, .12) !default;
+$text-muted-opacity: .72 !default; //Perfect color for AA
+$text-muted: mix($body-color, #ffffff, $text-muted-opacity * 100%) !default;
+$border-color: rgba($text-muted, .2) !default;
+$border-color-light: rgba($text-muted, .1) !default;
 
 $active-bg: rgba($blue, .06) !default;
 $hover-bg: rgba($text-muted, .06) !default;
@@ -371,12 +372,12 @@ $nav-link-padding-x: .75rem !default;
 $navbar-height: 3.5rem !default;
 $navbar-padding-y: .25rem !default;
 
-$navbar-light-color: rgba($body-color, .6) !default;
+$navbar-light-color: rgba($body-color, $text-muted-opacity) !default;
 $navbar-light-brand-color: $body-color !default;
 $navbar-light-active-color: $body-color !default;
 $navbar-light-disabled-color: rgba($body-color, .3) !default;
 
-$navbar-dark-color: rgba($white, .6) !default;
+$navbar-dark-color: rgba($white, $text-muted-opacity) !default;
 $navbar-dark-brand-color: $white !default;
 $navbar-dark-active-color: $white !default;
 $navbar-dark-disabled-color: rgba($white, .3) !default;