Shades of Gray

Gray is a neutral color with equal or nearly equal RGB channels and near-zero saturation, so it does not occupy one specific hue on the color wheel. It is associated with neutrality, balance, restraint, metal and modern interfaces.

32 named shades#808080rgb(128, 128, 128)

32 gray colors, lightest to darkest

Click a swatch to copy its HEX code. Click the name for the full profile with HSL, LAB, OKLCH, harmonies and contrast.

Platinum
rgb(229, 228, 226)
C0 M0 Y1 K10
Gainsboro
rgb(220, 220, 220)
C0 M0 Y0 K14
Light Gray
rgb(211, 211, 211)
C0 M0 Y0 K17
Pale Silver
rgb(201, 192, 187)
C0 M4 Y7 K21
Silver
rgb(192, 192, 192)
C0 M0 Y0 K25
Ash
rgb(178, 190, 181)
C6 M0 Y5 K25
Dark Gray
rgb(169, 169, 169)
C0 M0 Y0 K34
Quick Silver
rgb(166, 166, 166)
C0 M0 Y0 K35
Medium Gray
rgb(160, 160, 160)
C0 M0 Y0 K37
Cool Gray
rgb(140, 146, 172)
C19 M15 Y0 K33
Spanish Gray
rgb(152, 152, 152)
C0 M0 Y0 K40
Pewter
rgb(142, 155, 151)
C8 M0 Y3 K39
Light Slate Gray
rgb(119, 136, 153)
C22 M11 Y0 K40
Taupe Gray
rgb(139, 133, 137)
C0 M4 Y1 K45
Battleship
rgb(132, 132, 130)
C0 M0 Y2 K48
Gray
rgb(128, 128, 128)
C0 M0 Y0 K50
Slate Gray
rgb(112, 128, 144)
C22 M11 Y0 K44
Smoke
rgb(115, 130, 118)
C12 M0 Y9 K49
Warm Gray
rgb(128, 118, 110)
C0 M8 Y14 K50
Nickel
rgb(114, 116, 114)
C2 M0 Y2 K55
Dim Gray
rgb(105, 105, 105)
C0 M0 Y0 K59
Granite
rgb(103, 103, 103)
C0 M0 Y0 K60
Cadet
rgb(83, 104, 114)
C27 M9 Y0 K55
Storm Gray
rgb(79, 102, 106)
C25 M4 Y0 K58
Liver
rgb(103, 76, 71)
C0 M26 Y31 K60
Davy's Gray
rgb(85, 85, 85)
C0 M0 Y0 K67
Lava Gray
rgb(79, 73, 69)
C0 M8 Y13 K69
Iron Gray
rgb(72, 73, 75)
C4 M3 Y0 K71
Charcoal
rgb(54, 69, 79)
C32 M13 Y0 K69
Dark Slate Gray
rgb(47, 79, 79)
C41 M0 Y0 K69
Gunmetal
rgb(42, 52, 57)
C26 M9 Y0 K78
Lead
rgb(33, 33, 33)
C0 M0 Y0 K87

Tints and shades of gray #808080

A perceptual 50 to 950 scale built from the pure gray. Same hue, stepped lightness.

F5F5F5 EBEBEB DBDBDB C4C4C4 A9A9A9 8D8D8D 808080 5B5B5B 424242 2E2E2E 161616

Build this scale from any color with the color scale tool, or get it as a Tailwind config from the Tailwind palette generator.

Light, medium and dark gray

Light grays approach white, middle grays create balanced neutral surfaces, and dark grays substitute for black when softer contrast is needed. Classic examples include Light Gray #D3D3D3, Gray #808080 and Dim Gray #696969.

How to use gray in design

Neutral gray works with almost every hue, while warm grays pair naturally with reds and browns and cool grays with blues and greens. Gray text is where most WCAG contrast failures happen: #767676 on white passes AA and #777777 does not. In CMYK printing, neutral grays are produced with black ink alone or with process-color combinations, which behave differently on press.

FAQ

What is the HEX code for gray?

The standard CSS named gray is #808080. Its red, green and blue channel values are equal.

What is the difference between gray and grey?

Gray and grey refer to the same color family. Gray is the more common spelling in American English, while grey is more common in British English, and CSS accepts both.