Material Design Colors

This small web tool helps you visualize the material design colors and also easily copy the colors in different formats. Just click to select.

Recommend on Facebook, Twitter or Google+

QARDS - Create an awesome website in minutes.
ThemeTrust - Premium WordPress themes.
Namecheap - Cheap domain name registration.
by designskilz
50 #e0f7fa e0f7fa rgb(224, 247, 250) rgba(224, 247, 250, 1)
100 #b2ebf2 b2ebf2 rgb(178, 235, 242) rgba(178, 235, 242, 1)
200 #80deea 80deea rgb(128, 222, 234) rgba(128, 222, 234, 1)
300 #4dd0e1 4dd0e1 rgb(77, 208, 225) rgba(77, 208, 225, 1)
400 #26c6da 26c6da rgb(38, 198, 218) rgba(38, 198, 218, 1)
500 #00bcd4 00bcd4 rgb(0, 188, 212) rgba(0, 188, 212, 1)
600 #00acc1 00acc1 rgb(0, 172, 193) rgba(0, 172, 193, 1)
700 #0097a7 0097a7 rgb(0, 151, 167) rgba(0, 151, 167, 1)
800 #00838f 00838f rgb(0, 131, 143) rgba(0, 131, 143, 1)
900 #006064 006064 rgb(0, 96, 100) rgba(0, 96, 100, 1)
A100 #84ffff 84ffff rgb(132, 255, 255) rgba(132, 255, 255, 1)
A200 #18ffff 18ffff rgb(24, 255, 255) rgba(24, 255, 255, 1)
A400 #00e5ff 00e5ff rgb(0, 229, 255) rgba(0, 229, 255, 1)
A700 #00b8d4 #00b8d4 rgb(0, 184, 212) rgba(0, 184, 212, 1)