colorcodekit

Color Codes › Shades of Gray

Shades of gray

Q: What are the shades of gray?

Shades of gray are made by mixing gray with black, producing progressively darker versions. Tints mix with white for lighter versions, and tones mix with grey for muted versions.

Q: What is the hex code for gray?

A common gray is #6B7280 (rgb(107, 114, 128)), but gray spans a whole range — see the full set of shades and tints on this page.

A full palette of gray — shades (toward black), tints (toward white) and tones (toward grey) — each with its hex and RGB code. Click any swatch to copy.

#6B7280

Shades of gray

Gray mixed with black — darker and deeper.

#6B7280

rgb(107, 114, 128)

#616874

rgb(97, 104, 116)

#585D69

rgb(88, 93, 105)

#4E535D

rgb(78, 83, 93)

#444951

rgb(68, 73, 81)

#3A3E46

rgb(58, 62, 70)

#31343A

rgb(49, 52, 58)

#27292F

rgb(39, 41, 47)

#1D1F23

rgb(29, 31, 35)

#131517

rgb(19, 21, 23)

#0A0A0C

rgb(10, 10, 12)

#000000

rgb(0, 0, 0)

Tints of gray

Gray mixed with white — lighter and softer.

#6B7280

rgb(107, 114, 128)

#787F8C

rgb(120, 127, 140)

#868C97

rgb(134, 140, 151)

#9398A3

rgb(147, 152, 163)

#A1A5AE

rgb(161, 165, 174)

#AEB2BA

rgb(174, 178, 186)

#BCBFC5

rgb(188, 191, 197)

#C9CCD1

rgb(201, 204, 209)

#D7D9DC

rgb(215, 217, 220)

#E4E5E8

rgb(228, 229, 232)

#F2F2F3

rgb(242, 242, 243)

#FFFFFF

rgb(255, 255, 255)

Tones of gray

Gray mixed with grey — muted and subtle.

#6B7280

rgb(107, 114, 128)

#6D7380

rgb(109, 115, 128)

#6F7580

rgb(111, 117, 128)

#717680

rgb(113, 118, 128)

#737780

rgb(115, 119, 128)

#757880

rgb(117, 120, 128)

#767A80

rgb(118, 122, 128)

#787B80

rgb(120, 123, 128)

#7A7C80

rgb(122, 124, 128)

#7C7D80

rgb(124, 125, 128)

#7E7F80

rgb(126, 127, 128)

#808080

rgb(128, 128, 128)

Shades, tints and tones explained

Starting from a base gray (#6B7280), a shade adds black, a tint adds white, and a tone adds grey. Together they give you a coherent gray palette — useful for hover states, backgrounds, borders and accessible text.

Want a different starting gray? Open the colour picker, choose your exact gray, and it will generate fresh shades and tints, or convert any of the codes above to OKLCH, HSL or CMYK.

What are the shades of gray?

Gray mixed with increasing amounts of black, giving progressively darker versions. Tints use white, tones use grey.

What is the hex code for gray?

A common gray is #6B7280, but gray spans the whole range shown above.

Popular colours

Sage green Navy blue Teal Coral Burgundy Terracotta Mint green Shades of blue Shades of pink All colour codes →

Color tools

Color Picker →

Pick visually, get every code.

Converter →

Convert between any formats.

Contrast Checker →

WCAG AA/AAA pass-fail.

Named Colors →

All 140 CSS colours.