List of Gray Shades with HEX, RGB & HSL Color Codes

Q: What are gray shades?

Gray shades are neutral colors between black and white, including tones like silver, ash, slate, charcoal and graphite. They are widely used in modern UI and design systems.

Explore popular gray shades, color names and their HEX, RGB and HSL values.

#FFFFFF

Pure White Gray

HEX #FFFFFF

RGB 255,255,255

HSL 0,0%,100%

#FAFAFA

Soft White

HEX #FAFAFA

RGB 250,250,250

HSL 0,0%,98%

#EAEAEA

Platinum Gray

HEX #EAEAEA

RGB 234,234,234

HSL 0,0%,92%

#DEDEDE

Linen Gray

HEX #DEDEDE

RGB 222,222,222

HSL 0,0%,87%

#D0D0D0

Pale Gray

HEX #D0D0D0

RGB 208,208,208

HSL 0,0%,82%

#CFCFCF

Ash White

HEX #CFCFCF

RGB 207,207,207

HSL 0,0%,81%

#C0C0C0

Moon Gray

HEX #C0C0C0

RGB 192,192,192

HSL 0,0%,75%

#AFAFAF

Steel Light

HEX #AFAFAF

RGB 175,175,175

HSL 0,0%,69%

#A3A3A3

Warm Gray

HEX #A3A3A3

RGB 163,163,163

HSL 0,0%,64%

#9B9B9B

Cool Gray

HEX #9B9B9B

RGB 155,155,155

HSL 0,0%,61%

#4A4A4A

Dark Gray

HEX #4A4A4A

RGB 74,74,74

HSL 0,0%,29%

#525252

Storm Gray

HEX #525252

RGB 82,82,82

HSL 0,0%,32%

#5A5A5A

Lead Gray

HEX #5A5A5A

RGB 90,90,90

HSL 0,0%,35%

#636363

Steel Gray

HEX #636363

RGB 99,99,99

HSL 0,0%,39%

#6B6B6B

Dim Gray

HEX #6B6B6B

RGB 107,107,107

HSL 0,0%,42%

#757575

Neutral Gray

HEX #757575

RGB 117,117,117

HSL 0,0%,46%

#808080

Classic Gray

HEX #808080

RGB 128,128,128

HSL 0,0%,50%

#8A8A8A

Stone Gray

HEX #8A8A8A

RGB 138,138,138

HSL 0,0%,54%

#949494

Soft Gray

HEX #949494

RGB 148,148,148

HSL 0,0%,58%

#9E9E9E

Smoke Gray

HEX #9E9E9E

RGB 158,158,158

HSL 0,0%,62%

#A8A8A8

Dust Gray

HEX #A8A8A8

RGB 168,168,168

HSL 0,0%,66%

#B3B3B3

Ash Gray

HEX #B3B3B3

RGB 179,179,179

HSL 0,0%,70%

#BFBFBF

Silver

HEX #BFBFBF

RGB 191,191,191

HSL 0,0%,75%

#C9C9C9

Cloud Gray

HEX #C9C9C9

RGB 201,201,201

HSL 0,0%,79%

#D3D3D3

Light Silver

HEX #D3D3D3

RGB 211,211,211

HSL 0,0%,83%

#DDDDDD

Fog Gray

HEX #DDDDDD

RGB 221,221,221

HSL 0,0%,87%

#E5E5E5

Mist Gray

HEX #E5E5E5

RGB 229,229,229

HSL 0,0%,90%

#ECECEC

Pearl Gray

HEX #ECECEC

RGB 236,236,236

HSL 0,0%,93%

#F2F2F2

Ice Gray

HEX #F2F2F2

RGB 242,242,242

HSL 0,0%,95%

#F7F7F7

Snow Gray

HEX #F7F7F7

RGB 247,247,247

HSL 0,0%,97%

#000000

Black

HEX #000000

RGB 0,0,0

HSL 0,0%,0%

#0A0A0A

Pitch Black

HEX #0A0A0A

RGB 10,10,10

HSL 0,0%,4%

#101010

Night

HEX #101010

RGB 16,16,16

HSL 0,0%,6%

#1C1C1C

Jet Black

HEX #1C1C1C

RGB 28,28,28

HSL 0,0%,11%

#202020

Raven

HEX #202020

RGB 32,32,32

HSL 0,0%,13%

#2B2B2B

Coal

HEX #2B2B2B

RGB 43,43,43

HSL 0,0%,17%

#333333

Charcoal

HEX #333333

RGB 51,51,51

HSL 0,0%,20%

#383838

Graphite Dark

HEX #383838

RGB 56,56,56

HSL 0,0%,22%

#3F3F3F

Iron

HEX #3F3F3F

RGB 63,63,63

HSL 0,0%,25%

#444444

Slate Dark

HEX #444444

RGB 68,68,68

HSL 0,0%,27%

Gray Shades Color Collection

Gray shades are widely used in web design, branding, graphic design, interior design and digital products. From light silver to deep charcoal, slate, ash and graphite tones, different gray shades help create neutral, balanced and professional visual experiences.

This gray shades collection includes popular gray color names along with their HEX, RGB and HSL color codes. Designers, developers and creative professionals can easily copy color values and use them in websites, mobile apps, user interfaces, branding materials and design projects.

Popular Gray Color Shades

Gray
Silver
Charcoal
Slate Gray
Ash Gray
Graphite
Smoke Gray
Steel Gray
Gunmetal
Jet Black

What Are Gray Shades?

Gray shades are variations of the neutral color family between black and white. They may contain subtle blue, green, or warm undertones. While they may appear simple, each gray shade creates a unique visual effect ranging from soft and minimal to bold and industrial.

How to Use Gray Shades in Design

Create clean and modern website layouts.
Design minimal user interfaces and dashboards.
Build professional branding and corporate identities.
Create balanced UI backgrounds and surfaces.
Improve readability and content hierarchy.
Use as a base for neutral and modern color palettes.

HEX, RGB and HSL Color Codes

Each gray shade on this page includes HEX, RGB and HSL values. HEX color codes are commonly used in CSS and web development, RGB values are useful for digital screens and graphic software, while HSL values make it easier to adjust brightness and create subtle variations of neutral tones.

Why Use Different Gray Shades?

Create depth and visual structure.
Add professionalism and balance to designs.
Improve readability and contrast.
Support modern UI/UX design systems.
Create clean, minimal and elegant aesthetics.

Perfect for Designers and Developers

Whether you are designing a website, mobile application, logo, presentation, product packaging or marketing campaign, these gray shades provide versatile neutral options that work with nearly every color palette and design style.

Copy Gray Color Codes Instantly

Browse the gray shades listed above and copy HEX, RGB or HSL values with a single click. This makes it easy to use your favorite gray colors directly in CSS, design software and development projects.

Frequently Asked Questions

Common questions about gray shades, color codes and their use in design and development.

Gray shades are neutral variations between black and white that include tones like silver, ash, charcoal, slate, and graphite. They are widely used in modern UI and design systems.

The HEX code for a basic neutral gray is #808080. It is widely used in web design, graphic design and digital interfaces.

Gray is a neutral tone between black and white, while charcoal is a darker gray shade that provides a more modern, strong and professional appearance.

HEX, RGB and HSL color codes help designers and developers accurately use colors across websites, mobile applications, design software and digital products.

Popular choices include Light Gray, Slate Gray, Charcoal and Graphite because they create a clean, minimal and professional modern look.

Yes. You can easily copy HEX, RGB and HSL values from the color cards and use them directly in CSS, design tools, branding projects and software development.