Welcome to Gray
By varying the vibrancy, gray takes on the properties of either black or white – attention grabbing or repelling – to specific degrees. That means if black is too powerful for your design, try dark gray. If white is too bland, try light gray. To a computer there are thousands of barely different shades of Gray. I think even 50 is too many, so here are a few to cover the basics.
Below you can see all the grays. Copy and paste some of your favorites to use in digital color projects or hand off to your favorite Nerdy Web Guy to use in your next project.
Keep in mind it’s worth making a few selections both light and dark.
| White (Hex: #ffffff) (RGB: 255, 255, 255) |
| Gainsboro (Hex: #DCDCDC) (RGB: 220, 220, 220) |
| Light Gray (Hex: #D3D3D3) (RGB: 211, 211, 211) |
| Silver (Hex: #C0C0C0) (RGB: 192, 192, 192) |
| Dark Gray (Hex: #A9A9A9) (RGB: 169, 169, 169) |
| Gray (Hex: #808080) (RGB: 128, 128, 128) |
| Dim Gray (Hex: #696969) (RGB: 105, 105, 105) |
| Light Slate Gray (Hex: #778899) (RGB: 119, 136, 153) |
| Slate Gray (Hex: #708090) (RGB: 112, 128, 144) |
| Dark Slate Gray (Hex: #2f4f4f) (RGB: 47, 79, 79) |
| Black (Hex: #000000) (RGB: 0, 0, 0) |
