The color system - Material Design
| Gray | hsl | diff |
|---|---|---|
| Gray 0 | 100 | - |
| Gray 50 | 98 | (2) |
| Gray 100 | 96 | 4 |
| Gray 200 | 93 | 3 |
| (Gray 250) | 91 | (2-3) |
| Gray 300 | 88 | 5 |
| (Gray 350) | 83 | (5-9) |
| Gray 400 | 74 | 14 |
| (Gray 450) | (68) | (6-6) |
| Gray 500 | 62 | 12 |
| (Gray 550) | (55) | (7-9) |
| Gray 600 | 46 | 16 |
| (Gray 650) | (41) | (5-3) |
| (Gray 675) | (39) | (2-1) |
| Gray 700 | 38 | 8 |
| ((Gray 725)) | (36) | (2-3) |
| (Gray 750) | (33) | (5-7) |
| ((Gray 775)) | ((30)) | ((3-4)) |
| Gray 800 | 26 | 12 |
| (Gray 850) | (20) | (6-7) |
| ((Gray 875)) | ((17)) | ((3-4)) |
| Gray 900 | 13 | 13 |
| (Gray 950) | (6) | 7-6 |
| Gray 1000 | 0 | 13 |
| Light Blue | rgb | hsl | diff |
|---|---|---|---|
| 100 | #B3E5FC | 199°, 92%, 85% | 15 |
| 200 | #81D4FA | 199°, 92%, 74% | 11 |
| (250) | 199°, 92%, 69% | (5-5) | |
| 300 | #4FC3F7 | 199°, 91%, 64% | 10 |
| (350) | (199°, 91%, 60%) | (4-4) | |
| 400 | #29B6F6 | 199°, 92%, 56% | 8 |
| (450) | 199°, 92%, 52% | (4-4) | |
| 500 | #03A9F4 | 199°, 98%, 48% | 8 |
| (550) | 200°, 97%, 46% | (2-1) | |
| 600 | #039BE5 | 200°, 97%, 45% | 3 |
| (650) | 201°, 98%, 43% | (2-2) | |
| 700 | #0288D1 | 201°, 98%, 41% | 4 |
| (750) | 201°, 98%, 39% | (2-2) | |
| 800 | #0277BD | 202°, 98%, 37% | 4 |
| (850) | 202°, 98%, 34% | (3-3) | |
| 900 | #01579B | 206°, 99%, 31% | 6 |
| Indigo | rgb | hsl | diff |
|---|---|---|---|
| Indigo 50 | #E8EAF6 | ||
| 100 | #C5CAE9 | ||
| 200 | #9FA8DA | 231°, 44%, 74% | |
| 300 | #7986CB | 230°, 44%, 64% | |
| 400 | #5C6BC0 | 231°, 44%, 56% | |
| 500 | #3F51B5 | 231°, 48%, 48% | |
| 600 | #3949AB | 232°, 50%, 45% | |
| 700 | #303F9F | ||
| 800 | #283593 | ||
| 900 | #1A237E |
| Purple | rgb | hsl | diff |
|---|---|---|---|
| 50 | #F3E5F5 | 293°, 44%, 93% | |
| 100 | #E1BEE7 | 291°, 46%, 83% | |
| 200 | #CE93D8 | 291°, 47%, 71% | |
| 300 | #BA68C8 | 291°, 47%, 60% | |
| 400 | #AB47BC | 291°, 47%, 51% | |
| 500 | #9C27B0 | 291°, 64%, 42% | |
| 600 | #8E24AA | 287°, 65%, 40% | |
| 700 | #7B1FA2 | 282°, 68%, 38% | |
| 800 | #6A1B9A | 277°, 70%, 35% | |
| 900 | #4A148C | 267°, 75%, 31% |
| Pink | rgb | hsl | diff |
|---|---|---|---|
| Pink 50 | #FCE4EC | ||
| 100 | #F8BBD0 | 339°, 81%, 85% | |
| 200 | #F48FB1 | 340°, 82%, 76% | |
| 300 | #F06292 | 340°, 83%, 66% | |
| 400 | #EC407A | 340°, 82%, 59% | |
| 500 | #E91E63 | 340°, 82%, 52% | |
| 600 | #D81B60 | 338°, 78%, 48% | |
| 700 | #C2185B | 336°, 78%, 43% | |
| 800 | #AD1457 | 334°, 79%, 38% | |
| 900 | #880E4F | 328°, 81%, 29% |