#808080
Gray
Gray is a neutral color between black and white. It represents balance, neutrality, and sophistication, and is the backbone of modern minimalist design.
Gray Color Values
HEX#808080
RGB128, 128, 128
HSL0°, 0%, 50%
HSV0°, 0%, 50%
CMYK0%, 0%, 0%, 50%
Color Blindness Simulation
Protanopia
Red-blind. Cannot perceive red light.
Sees: #808080 (~1.3% of males)
Deuteranopia
Green-blind. Cannot perceive green light.
Sees: #808080 (~1.2% of males)
Tritanopia
Blue-blind. Cannot perceive blue light.
Sees: #808080 (~0.01% of population)
Achromatopsia
Total color blindness. Sees only grayscale.
Sees: #808080 (~0.003% of population)
Gray as Text Color
Gray on White
3.9:1FAIL
Gray on Light Gray
3.6:1FAIL
Gray on Cream
3.7:1FAIL
Gray on Dark
4.3:1FAIL
Gray on Black
5.3:1AA
Gray on Soft Blue
3.5:1FAIL
Gray on Soft Green
3.5:1FAIL
Gray on Soft Pink
3.3:1FAIL
Nearest Tailwind Class
zinc-500
#71717A
Nearest Pantone Match
Mocha Mousse (2025)
#A47764
CSS Variable Export
:root {
--color-gray: #808080;
--color-gray-rgb: 128, 128, 128;
}Tailwind Config
// tailwind.config.js
colors: {
'gray': '#808080',
}Shades of Gray
#808080
#707070
#636363
#545454
#474747
#383838
#2B2B2B
#1C1C1C
#0F0F0F
#000000
Tints of Gray
#808080
#8F8F8F
#9C9C9C
#ABABAB
#B8B8B8
#C7C7C7
#D4D4D4
#E3E3E3
#F0F0F0
#FFFFFF
Color Harmonies
Complementary
#808080
#808080
Analogous
#808080
#808080
#808080
Triadic
#808080
#808080
#808080
Gray Text Preview
Heading in Gray
Body text in Gray. The quick brown fox jumps over the lazy dog.
White on Gray
Body text on a Gray background.
Gray text on dark background
Contrast: 4.5:1