COLOR STUDIOColor library
Gray #808080
Gray has the HEX code #808080, RGB value rgb(128, 128, 128) and HSL value hsl(0, 0%, 50%).
#808080
Color values
HEX#808080
RGBrgb(128, 128, 128)
HSLhsl(0, 0%, 50%)
Gray shades
A Tailwind-style scale built from #808080.
- 50
#F7F7F7
- 100
#DFDFDF
- 200
#C8C8C8
- 300
#B0B0B0
- 400
#989898
- 500
#808080
- 600
#6D6D6D
- 700
#5A5A5A
- 800
#474747
- 900
#343434
- 950
#212121
Text contrast
How Gray reads as text, by WCAG 2.2.
On white3.94:1, below AA for normal text
On black5.31:1, passes AA for normal text
Colors that pair with it
Its complement, a neighbor, a light tint and a dark shade.
#5AA6A6
#A6805A
#F1E4E4
#3C2020
What gray can communicate
Neutral and composed, and lets other colors stand out.
Associations vary by audience and culture. Gray often reads as neutral and modern, though some audiences may find it cold or understated.
Often used for: Technology, Corporate, Editorial.
More about grayRelated colors
