What is color #808080?
#808080 is Gray, a muted gray tone with a neutral character. It is a staple of mid-century palettes and carries the mood of professionalism.
Historically, this kind of color traces back to graphite from the mines of Borrowdale. Today it appears across photography portfolios and automotive interiors.
To make the most of #808080, use it sparingly as an accent against a quieter backdrop, or combine it with analogous neighbors for harmonious palettes.
Conversions for #808080
HEX
#808080
RGB
128, 128, 128
HSL
0°, 0%, 50%
HSV
0°, 0%, 50%
CMYK
0%, 0%, 0%, 50%
XYZ
20.52, 21.59, 23.51
CIE-Lab
53.59, 0.00, -0.01
Web safe
#999999
WCAG accessibility of #808080 (Gray)
On white
3.95 : 1
Sample #808080
Rating: AA Large
On black
5.32 : 1
Sample #808080
Rating: AA
Tones of Gray (desaturated variations of #808080)
#808080
#808080
#808080
#808080
#808080
#808080
#808080
#808080
#808080
#808080
#808080
Color harmonies for #808080
Colors similar to #808080
Gradients featuring #808080
Linear to white
Linear to black
To complement
Radial
Tri-stop
Analogous
UI elements in #808080
Buttons
NewFeaturedBeta
Notification
Short description with accent.
"Color awakens a specific emotional response."
Typography in #808080
The quick brown fox
jumps over the lazy dog
1234567890 — & @ # ! ?
Body text rendered in #808080.
const color = "#808080";
CSS & Tailwind snippets for #808080
Background
.bg-808080 { background-color: #808080; }Text color
.text-808080 { color: #808080; }Border
.border-808080 { border: 1px solid #808080; }Box shadow
.shadow-808080 { box-shadow: 0 4px 14px #80808040; }CSS variable
:root { --color-808080: #808080; }Tailwind config
colors: {
'gray': '#808080',
}