95+ Stunning Shades Of Gray With Gray Hex 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 grey, their respective grey hex 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 Color Codes
Let’s go ahead and look at how gray color codes are made and what they look like.
Gray Hex Codes
Each shade of gray has its own unique gray hex color code. The hex codes are six-digit codes that represent each color and are displayed in the following format: #RR,GG,BB.
By combining different amounts of red, green and blue you change the color you are creating.
The gray hex code is #808080.
Grey RGB Codes
Just like hex color codes, grey 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 grey RGB color code is RGB(128,128,128)
Gray Color Swatch
There are many different gray color codes ranging from very light shades all the way to very dark shades. However your basic gray color looks like this:
Gray
Gray Hex Code: #808080
Gray RGB Code: RGB(128,128,128)
Some other gorgeous shades of gray that are popular include silver, light gray, charcoal gray and slate gray.
Light Gray Hex
#D3D3D3
Silver Hex
#C0C0C0
Dark Gray Hex
#5A5A5A
Slate Gray Hex
#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, gray hex codes, RGB values and color swatches!
| GREY COLOR NAME | GREY HEX CODE | GREY RGB 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 Gray Color Codes
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:
Learn More About The Color Gray
If you need more information about the color gray then check out the following resources:
Conclusion
Gray is an incredibly 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 its 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.
