diff --git a/ionic/components/button/extensions/material.scss b/ionic/components/button/extensions/material.scss
index 86dc338799..cf875c9b89 100644
--- a/ionic/components/button/extensions/material.scss
+++ b/ionic/components/button/extensions/material.scss
@@ -47,7 +47,7 @@ $button-material-border-radius:            3px !default;
 
     &[#{$color}] {
 
-      @if $color != "#fff" {
+      @if lightness(get-color($color, base)) < 80 {
         .md-ripple {
           background-color: white;
         }