95+ Stunning Shades Of Gray With Hex Color Codes & RGB Values
Gray, also known as grey, is a neutral colour that is often associated with practicality and balance. In color psychology, gray is a calming colour that creates a sense of tranquility because it has a soothing effect on the mind and body. Because of this is it it is often used in spaces such as hospitals offices and health spas to create a sense of relaxation.
In design and marketing gray is very versatile and can be used in many different ways. It is a popular choice in color palettes because it helps to tone down brighter colors and it can create a sense of balance an harmony in a design or composition.
In this article we are going to look at the different shades of gray, their hex color codes, and RGB values as well as how they have been used in the logos and branding of popular businesses.
PIN FOR LATER…
What Colors Make Gray?
The simplest way to make the colour gray is by mixing black and white together in equal amounts. For lighter shades of gray, add more white while for darker shades you can use more black.
However, gray can also be made by mixing primary colors such as red, blue, and yellow together. But it isn’t just primary colors that you can use, you can also use complementary colors (colors that are on opposite sides of the color wheel). Complementary colors include red and green, blue and orange, or yellow and purple. The shade of gray will change depending on what colors you use as the base.
This is handy to know if you would like to make gray without using black or white!
Interesting Fact! Both “grey” and “gray” are the correct spellings of the same word, and they can be used interchangeably. However “grey” is more commonly used in British English, while “gray” is more commonly used in American English.
Gray Hex Color Codes
Each Shade of Gray has its own unique hex color code. The hex codes are six-digit codes that represent each colour and are displayed in the following format: #RR,GG,BB.
By combinging different amounts of red, green and blue you change the color you are creating.
The gray hex color code is #808080.
Gray RGB Codes
Just like hex color codes, RGB codes also represent the amount of red, green, and blue in a color. However, RGB codes are displayed in the following format: RGB(RR,GG,BB).
The gray RGB color code is RGB(128,128,128)
Gray Color Swatch
There are many different shades of gray ranging from very light shades all the way to very dark shades. However your basic gray color looks like this:
Gray
Hex Code: #808080
RGB Value: RGB(128,128,128)
Some other gorgeous shades of gray that are popular include silver, light gray, charcoal gray and slate gray.
Light Gray
#D3D3D3
Silver
#C0C0C0
Dark Gray
#5A5A5A
Slate Gray
#708090
Gray Color Codes Chart
A gray color chart is a helpful tool if you are choosing shades of gray for your website or brand color palette. Below is a chart with over 95 different shades of gray including their corresponding color names, hex codes, RGB values and color swatches!
| Color Name | Hex Color Code | RGB Color Code |
|---|---|---|
| Rich Gray | #1F2022 | rgb( 31, 32, 34 ) |
| Gunmetal Gray | #2A3439 | rgb( 42, 52, 57 ) |
| Dark Charcoal | #333333 | rgb( 51, 51, 51 ) |
| Jet Gray | #343434 | rgb( 52, 52, 52 ) |
| Onyx Gray | #353839 | rgb( 53, 56, 57 ) |
| Arsenic | #3B444B | rgb( 59, 68, 75 ) |
| Anchor | #3E424B | rgb( 62, 66, 75 ) |
| Graphite Gray | #4B4E53 | rgb( 75, 78, 83 ) |
| Light Gunmetal Gray | #344148 | rgb( 52, 65, 72 ) |
| Charcoal Gray | #36454F | rgb( 54, 69, 79 ) |
| Storm Cloud | #4F666A | rgb( 79, 102, 106 ) |
| Gray-Green | #5E716A | rgb( 94, 113, 106 ) |
| Camouflage Gray | #545851 | rgb( 84, 88, 81 ) |
| Gray Wolf | #504A4B | rgb( 80, 74, 75 ) |
| Vampire Gray | #565051 | rgb( 86, 80, 81 ) |
| Gray Dolphin | #5C5858 | rgb( 92, 88, 88 ) |
| Carbon Gray | #625D5D | rgb( 98, 93, 93 ) |
| Zombie Gray | #63645E | rgb( 99, 100, 94 ) |
| Nevada Gray | #666A6D | rgb( 102, 106, 109 ) |
| Chameleon Gray | #686965 | rgb( 104, 105, 101 ) |
| Dim Gray | #696969 | rgb( 105, 105, 105 ) |
| Anvil Gray | #6B6B6B | rgb( 107, 107, 107 ) |
| Power Gray | #707272 | rgb( 112, 114, 114 ) |
| Smokey Gray | #726E6D | rgb( 114, 110, 109 ) |
| Nickel Gray | #727472 | rgb( 114, 116, 114 ) |
| Porpoise Gray | #4D4D5C | rgb( 77, 77, 92 ) |
| Black Coral Gray | #54626F | rgb( 84, 98, 111 ) |
| Jet Gray | #616D7E | rgb( 97, 109, 126 ) |
| Slate Gray | #657383 | rgb( 101, 115, 131 ) |
| Light Slate Gray | #6D7B8D | rgb( 109, 123, 141 ) |
| Oxford Gray | #8391A1 | rgb( 131, 145, 161 ) |
| Cadet Gray | #91A3B0 | rgb( 145, 163, 176 ) |
| Blue Gray | #98AFC7 | rgb( 152, 175, 199 ) |
| Cool Gray | #9090C0 | rgb( 144, 144, 192 ) |
| Purple Gray | #A7A6BA | rgb( 167, 166, 186 ) |
| Coin Gray | #9897A9 | rgb( 152, 151, 169 ) |
| Fossil Gray | #787276 | rgb( 120, 114, 118 ) |
| Dove Gray | #7C6E7F | rgb( 124, 110, 127 ) |
| Rocket Metallic | #8A7F8D | rgb( 138, 127, 141 ) |
| Gun Smoke Gray | #8A868E | rgb( 138, 134, 142 ) |
| Taupe Gray | #8B8589 | rgb( 139, 133, 137 ) |
| Templeton Gray | #788787 | rgb( 120, 135, 135 ) |
| Heather | #9AA297 | rgb( 154, 162, 151 ) |
| Olive Gray | #A09F8D | rgb( 160, 159, 141 ) |
| Trout Gray | #979788 | rgb( 151, 151, 136 ) |
| Cement Gray | #858A7E | rgb( 133, 138, 126 ) |
| Echo Gray | #898D86 | rgb( 137, 141, 134 ) |
| Sea Gray | #9AA2A4 | rgb( 154, 162, 164 ) |
| Dark Silver | #746D69 | rgb( 116, 109, 105 ) |
| Warm Gray | #6E6259 | rgb( 110, 98, 89 ) |
| Mink Gray | #888078 | rgb( 136, 128, 120 ) |
| Dull Gray | #8B837E | rgb( 139, 131, 126 ) |
| Sonic Gray | #757575 | rgb( 117, 117, 117 ) |
| Seal Gray | #818380 | rgb( 129, 131, 128 ) |
| Gray | #808080 | rgb( 128, 128, 128 ) |
| Lava Ash | #808588 | rgb( 128, 133, 136 ) |
| Antique Pewter | #808992 | rgb( 128, 137, 146 ) |
| Battleship Gray | #848482 | rgb( 132, 132, 130 ) |
| Old Silver | #848482 | rgb( 132, 132, 130 ) |
| Steel Gray | #888B8D | rgb( 136, 139, 141 ) |
| Neutral Gray | #898E8C | rgb( 137, 142, 140 ) |
| True Silver | #8A8D8F | rgb( 138, 141, 143 ) |
| Fashion Gray | #8E8D8C | rgb( 142, 141, 140 ) |
| Ultimate Gray | #939597 | rgb( 147, 149, 151 ) |
| Best Gray | #969892 | rgb( 150, 152, 146 ) |
| Stone Gray | #928E85 | rgb( 146, 142, 133 ) |
| Vintage Gray | #989692 | rgb( 152, 150, 146 ) |
| Spanish Gray | #989898 | rgb( 152, 152, 152 ) |
| Window Gray | #989EA1 | rgb( 152, 158, 161 ) |
| Perfect Gray | #A1A1A1 | rgb( 161, 161, 161 ) |
| Matte Silver | #A5A5A8 | rgb( 165, 165, 168 ) |
| Electric Gray | #A5ADAD | rgb( 165, 173, 173 ) |
| Rustic Gray | #A6ABA5 | rgb( 166, 171, 165 ) |
| Metallic Gray | #A8A9AD | rgb( 168, 169, 173 ) |
| Dark Gray | #A9A9A9 | rgb( 169, 169, 169 ) |
| Dorian Gray | #ACA79E | rgb( 172, 167, 158 ) |
| Silver Chalice | #ACACAC | rgb( 172, 172, 172 ) |
| Glossy Gray | #AFADA9 | rgb( 175, 173, 169 ) |
| Dusty Gray | #B29CA2 | rgb( 178, 156, 162 ) |
| Silver Pink | #C4AEAD | rgb( 196, 174, 173 ) |
| Pink Gray | #E7DADA | rgb( 231, 218, 218 ) |
| Lavender Gray | #C4C3D0 | rgb( 196, 195, 208 ) |
| Laid Back Gray | #B4AFA9 | rgb( 180, 175, 169 ) |
| Ash Gray | #B2BEB5 | rgb( 178, 190, 181 ) |
| French Gray | #B4B19A | rgb( 180, 177, 154 ) |
| Storm Gray | #B5BAB6 | rgb( 181, 186, 182 ) |
| Silk Gray | #B6B3A8 | rgb( 182, 179, 168 ) |
| Gray Cloud | #B6B6B4 | rgb( 182, 182, 180 ) |
| Rhino Gray | #B9BBB6 | rgb( 185, 187, 182 ) |
| Misty Gray | #BCC2C2 | rgb( 188, 194, 194 ) |
| Thunder Gray | #BDB7AB | rgb( 189, 183, 171 ) |
| Medium Gray | #BEBEBE | rgb( 190, 190, 190 ) |
| Ice Gray | #BEC3C6 | rgb( 190, 195, 198 ) |
| Silver | #C0C0C0 | rgb( 192, 192, 192 ) |
| Pure Silver | #C3C7C7 | rgb( 195, 199, 199 ) |
| Harbor Gray | #C7C6C1 | rgb( 199, 198, 193 ) |
| Pale Smoke | #CAD4D1 | rgb( 202, 212, 209 ) |
| Revere Pewter | #CCC7B9 | rgb( 204, 199, 185 ) |
| Pastel Gray | #CCCDC6 | rgb( 204, 205, 198 ) |
| Agreeable Gray | #D1CBC1 | rgb( 209, 203, 193 ) |
| Gray Goose | #D1D0CE | rgb( 209, 208, 206 ) |
| Light Gray | #D3D3D3 | rgb( 211, 211, 211 ) |
| Gray Owl | #D5D5CD | rgb( 213, 213, 205 ) |
| Abalone | #D6CFC7 | rgb( 214, 207, 199 ) |
| Bone | #D7D2CB | rgb( 215, 210, 203 ) |
| Stone Eagle | #D8D9DA | rgb( 216, 217, 218 ) |
| Gentle Gray | #DADADA | rgb( 218, 218, 218 ) |
| Timberwolf | #DBD7D2 | rgb( 219, 215, 210 ) |
| Chrome | #DBE2E9 | rgb( 219, 226, 233 ) |
| Gainsboro | #DCDCDC | rgb( 220, 220, 220 ) |
| Ice Cube | #E3E4E0 | rgb( 227, 228, 224 ) |
| Platinum | #E5E4E2 | rgb( 229, 228, 226 ) |
| Bright Gray | #E8E9EB | rgb( 232, 233, 235 ) |
| White Gray | #F2F3F5 | rgb( 242, 243, 245 ) |
| White Smoke | #F5F5F5 | rgb( 245, 245, 245 ) |
Best Shades of Gray
The best shades of gray depend on the context in which they are used.
For example, lighter shades of gray can be used as a neutral background color for websites and design projects, while darker shades can be used to create some wonderful contrast and depth.
Silver and charcoal are popular shades of gray in jewelry and fashion design, while slate gray is often used in home decor. Of course, the best shade of gray is also very much a personal preference!
Companies That Have Gray Logos and Branding
Because gray is so versatile it is a very popular color to use in marketing. Gray creates a clean, minimalistic look while still adding depth and contrast. It is often used as a background color in web design and it is used in different color palettes to create a balanced an cohesive look and feel. Here are some very successful brands that use gray in their branding:
Conclusion
Gray is an incredily beautiful addition to any color palette! With so many different shades of gray to choose from you are sure to find a gray color that you love! And because each shade of gray has it’s own unique gray hex code and RGB value, you can specify exactly the color you are looking for whether it be for the background of the website you are building or as the main color for our brand color palette.
