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 #e8eaf6 e8eaf6 rgb(232, 234, 246) rgba(232, 234, 246, 1)
100 #c5cae9 c5cae9 rgb(197, 202, 233) rgba(197, 202, 233, 1)
200 #9fa8da 9fa8da rgb(159, 168, 218) rgba(159, 168, 218, 1)
300 #7986cb 7986cb rgb(121, 134, 203) rgba(121, 134, 203, 1)
400 #5c6bc0 5c6bc0 rgb(92, 107, 192) rgba(92, 107, 192, 1)
500 #3f51b5 3f51b5 rgb(63, 81, 181) rgba(63, 81, 181, 1)
600 #3949ab 3949ab rgb(57, 73, 171) rgba(57, 73, 171, 1)
700 #303f9f 303f9f rgb(48, 63, 159) rgba(48, 63, 159, 1)
800 #283593 283593 rgb(40, 53, 147) rgba(40, 53, 147, 1)
900 #1a237e #1a237e rgb(26, 35, 126) rgba(26, 35, 126, 1)
A100 #8c9eff 8c9eff rgb(140, 158, 255) rgba(140, 158, 255, 1)
A200 #536dfe 536dfe rgb(83, 109, 254) rgba(83, 109, 254, 1)
A400 #3d5afe 3d5afe rgb(61, 90, 254) rgba(61, 90, 254, 1)
A700 #304ffe 304ffe rgb(48, 79, 254) rgba(48, 79, 254, 1)
We use cookies!
This website uses cookies to ensure you get the best experience on our website. More info.
Got it!
Subscribe to our newsletter!
Sign up for the latest Designskilz news and updates.
Subscribe
Subscribe to newsletter!