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 #e3f2fd e3f2fd rgb(227, 242, 253) rgba(227, 242, 253, 1)
100 #bbdefb bbdefb rgb(187, 222, 251) rgba(187, 222, 251, 1)
200 #90caf9 90caf9 rgb(144, 202, 249) rgba(144, 202, 249, 1)
300 #64b5f6 64b5f6 rgb(100, 181, 246) rgba(100, 181, 246, 1)
400 #42a5f5 42a5f5 rgb(66, 165, 245) rgba(66, 165, 245, 1)
500 #2196f3 2196f3 rgb(33, 150, 243) rgba(33, 150, 243, 1)
600 #1e88e5 1e88e5 rgb(30, 136, 229) rgba(30, 136, 229, 1)
700 #1976d2 1976d2 rgb(25, 118, 210) rgba(25, 118, 210, 1)
800 #1565c0 1565c0 rgb(21, 101, 192) rgba(21, 101, 192, 1)
900 #0d47a1 0d47a1 rgb(13, 71, 161) rgba(13, 71, 161, 1)
A100 #82b1ff 82b1ff rgb(130, 177, 255) rgba(130, 177, 255, 1)
A200 #448aff 448aff rgb(68, 138, 255) rgba(68, 138, 255, 1)
A400 #2979ff 2979ff rgb(41, 121, 255) rgba(41, 121, 255, 1)
A700 #2962ff #2962ff rgb(41, 98, 255) rgba(41, 98, 255, 1)