5.32:1
Gray
#808080#808080 is the halfway point between black and white in RGB values; a gray that looks halfway to the eye is a little darker, near #777777. Neither white nor dark text reads especially well on it: white reaches 3.95:1 and only passes for large text, while black text passes AA at 5.3:1.
HEX#808080
RGBrgb(128, 128, 128)
HSLhsl(0, 0%, 50%)
OKLCHoklch(60% 0 0)
CMYKcmyk(0%, 0%, 0%, 50%)
CMYK is an approximate screen conversion, not for print matching.Lighter and darker
Ten steps toward white and ten toward black, with gray in the middle. Click a step to copy its hex code.
LightestGray #808080Darkest
Readability
White text on grayNormal text at 16px. The quick brown fox jumps over the lazy dog.
3.95:1
- Passes AA large
- Fails AA normal
- Fails AAA normal
- Fails AAA large
Dark text on grayNormal text at 16px. The quick brown fox jumps over the lazy dog.
5.32:1
- Passes AA normal
- Passes AA large
- Passes AAA large
- Fails AAA normal
Colors that go with gray
#808080#808080
Complementary
The opposite on the color wheel#808080#808080#808080
Analogous
Its two neighbors#808080#808080#808080
Triadic
Three evenly spaced colors#808080#808080#808080
Split-complementary
The two colors beside its oppositeGray color palettes
Monochrome
Lighter and darker versions of the same color.Analogous
Neighbors on the color wheel, for a calm, related look.Complementary
The color with its opposite, for strong contrast.Triadic
Three colors evenly spaced around the wheel, with a light and dark version.Similar colors
- Battleship Gray#848482
- Pewter#8E9294
- Stone Gray#928E85
- Dove Gray#6D6C6C
- Slate Gray#708090
- Mocha#967969
- Dark Gray#A9A9A9
- Black Coral#54626F
Questions about gray
What is the hex code for gray?
The hex code for gray is #808080. In RGB it's rgb(128, 128, 128), and in HSL it's hsl(0, 0%, 50%).
What colors go with gray?
Its complementary color is #808080. For a calmer look, try the analogous colors #808080 and #808080, or one of the palettes above, which all include gray.
Is text readable on gray?
Dark text is the better choice, with a contrast ratio of 5.32:1. That passes WCAG AA for normal text.