grey
Embed This Widget
Add the script tag and a data attribute to embed this widget.
Embed via iframe for maximum compatibility.
<iframe src="https://colorfyi.com/iframe/entity/808080/" width="420" height="400" frameborder="0" style="border:0;border-radius:10px;max-width:100%" loading="lazy"></iframe>Paste this URL in WordPress, Medium, or any oEmbed-compatible platform.
https://colorfyi.com/color/808080/Add a dynamic SVG badge to your README or docs.
[](https://colorfyi.com/color/808080/)Use the native HTML custom element.
#808080
CSS color
Overview
Grey is the balanced mid-neutral, rgb(128, 128, 128) at hex #808080, with all three channels held equal at 128 — exactly half of full intensity. With no hue and no saturation, it lies at the center of the value scale between black and white. CSS accepts both the spellings grey and gray for this keyword, and it is one of the sixteen basic HTML colors. Because it is perfectly neutral, grey is a common ground for interface chrome, dividers, and muted text, where it recedes without introducing a color cast. Lightening or darkening it while keeping the channels equal moves along the achromatic axis toward silver or toward black.
Gray (#808080) is the pure, neutral midpoint gray CSS named color—exactly equidistant between black and white in the RGB scale. It is the most mathematically neutral tone possible, carrying no warm or cool bias. In design, pure mid-gray communicates balance, neutrality, and sophistication, serving as the universal baseline for neutral color palettes.
On this page
Color Values
#808080
128, 128, 128
0.0, 0.0%, 50.2%
0.0, 0.0%, 50.2%
0.0%, 0.0%, 0.0%, 49.8%
0.5999 0.0 89.9
Properties
Color Psychology
Medium gray represents balance, neutrality, and diplomatic composure. It is the color of concrete, steel, and overcast skies, suggesting urban modernity and industrial strength. Gray communicates professionalism and impartiality in equal measure.
Design Usage
Medium gray is essential for body text, icons, and secondary labels in user interfaces. It provides the typographic backbone of design systems, separating primary from secondary information. Ensure proper contrast ratios since many popular mid-gray values fall below WCAG AA for text on white backgrounds.
Color Harmonies
Color Blindness Simulation
CSS Usage
background-color: #808080;
color: #808080;
border-color: #808080;
Neutral 500
#737373
Tailwind Shades
Contrast Checker
Text on white
3.95:1
Text on black
5.32:1
Compare With
Brands Using This Color
Related Articles
Frequently Asked Questions
What are the RGB, HSL, and CMYK values of #808080?
RGB(128, 128, 128) · HSL(0.0, 0.0%, 50.2%) · CMYK(0.0%, 0.0%, 0.0%, 49.8%)
Does #808080 meet WCAG contrast on white?
3.95:1 — WCAG AA Fail, AAA Fail for normal text.
What text color is readable on #808080?
Use 000000 text on a #808080 background; contrast on black is 5.32:1.