Gray #808080

#808080Gray
HEX#808080
RGBrgb(128, 128, 128)
HSLhsl(0, 0%, 50%)
HSVhsv(0, 0%, 50%)
OKLCHoklch(60% 0 0)
OKLABoklab(60% 0 0)
CMYKcmyk(0%, 0%, 0%, 50%)

Gray (#808080) is a medium, nearly neutral neutral. CSS gray is exactly 50% in sRGB, but perceptually it looks darker than a mid tone because sRGB is not linear.

In RGB it is made of 128 red, 128 green and 128 blue. Its HSL hue angle is 0° with 0% saturation and 50% lightness, while its perceptual OKLCH lightness is 60%. For print, a starting CMYK mix is 0% cyan, 0% magenta, 0% yellow and 50% black.

As a text color on white, Gray has a contrast ratio of 3.95:1, which passes AA only for large text and UI parts. On black it reaches 5.32:1 and passes AA for normal text. If you use Gray as a background, put black (or very dark) text on it. The APCA lightness contrast is Lc 37 for black text and Lc -72 for white text.

Its perceptual complement is #808080, close to gray. Colors that look most similar are slate gray, mocha, rose gold. It looks fairly similar to people with red-green color blindness (ΔE 0), so its meaning mostly survives.

Contrast

Text on white · 3.95:1 Large only
Text on black · 5.32:1 AA ✓
White on Gray · APCA Lc -72
Black on Gray · APCA Lc 37

Shades and tints of gray

Color harmonies

ComplementaryAnalogousSplit complementaryTriadicTetradicMonochromatic

How gray looks with color blindness

Protanopia: #808080Deuteranopia: #808080Tritanopia: #808080Achromatopsia: #808080

Similar colors

Slate Gray#708090Mocha#967969Rose Gold#B76E79Steel Blue#4682B4Teal#008080Copper#B87333Sea Green#2E8B57Cerulean#007BA7

FAQ

What is the hex code for gray?

The hex code for gray is #808080, which is rgb(128, 128, 128) in RGB.

What text color goes on gray?

Black text. Its contrast with gray is 5.32:1.

What color is the complement of gray?

The perceptual (OKLCH) complement of #808080 is #808080.

← All named colors