#9E9E9E

158, 158, 158

Material Gray

Google Material Design's default gray. A perfectly balanced mid-gray that works across light and dark themes in systematic UI design.

HEX#9E9E9E
RGB158, 158, 158
HSL0°, 0%, 62%
CMYK0%, 0%, 0%, 38%
CSS Variable--color: #9E9E9E;
Use in GeneratorCheck ContrastView on Wheel

Shades of Material Gray

#e6e6e6

#cccccc

#b3b3b3

#999999

#808080

#666666

#4c4c4c

#333333

#191919

Tints of Material Gray

#9e9e9e

#a9a9a9

#b3b3b3

#bebebe

#c8c8c8

#d3d3d3

#dddddd

#e8e8e8

#f2f2f2

Color Harmonies

Complementary
View →
Analogous
View →
Triadic
View →

Accessibility & Contrast

Sample Text

On White2.68:1
AA NormalFailAAAFail

Sample Text

On Black7.84:1
AA NormalPassAAAPass
Full contrast analysis →

Black

#000000

Rich Black

#1A1A1A

Dark Gray

#333333

Gray

#666666

Silver

#999999

Light Gray

#CCCCCC