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
Valores de cor
#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
Propriedades
Psicologia das cores
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.
Harmonias de cores
Simulação de daltonismo
Uso de CSS
background-color: #808080;
color: #808080;
border-color: #808080;
Neutral 500
#737373
Tons Tailwind
Verificador de contraste
Texto sobre branco
3,95:1
Texto sobre preto
5,32:1
Comparar com
Marcas que usam esta cor
Artigos relacionados
Perguntas frequentes
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 Reprovado, AAA Reprovado for normal text.
What text color is readable on #808080?
Use 000000 text on a #808080 background; contrast on black is 5,32:1.