Gray#808080
Gray Hex Code: #808080
Gray is a medium, neutral gray. Its OKLCH lightness is 60% and chroma 0.000. Text on this color reads best in black (contrast 5.32:1).
| HEX | #808080 |
|---|---|
| RGB | rgb(128, 128, 128) |
| HSL | hsl(0, 0%, 50%) |
| HSV / HSB | hsv(0, 0%, 50%) |
| CMYK | cmyk(0%, 0%, 0%, 50%) |
| OKLCH | oklch(60% 0 0) |
Contrast
White text3.95:1
AAAA largeAAA
Black text5.32:1
AAAA largeAAA
On white3.95:1
AAAA largeAAA
On black5.32:1
AAAA largeAAA
Tints
#8B8B8B#979797#A2A2A2Dark Gray#AEAEAEDark Gray#B9B9B9Silver#C5C5C5Silver#D0D0D0Light Gray#DBDBDBGainsboro#E7E7E7#F2F2F2White SmokeShades
Matching colors
Complementary
Analogous
Triadic
Split complementary
Similar named colors
Code
| CSS | color: #808080; |
|---|---|
| Tailwind | bg-[#808080] |
| SwiftUI | Color(red: 0.502, green: 0.502, blue: 0.502) |
| Android | Color.parseColor("#808080") |
| Flutter | Color(0xFF808080) |
Gray is a CSS named color (gray); the value follows W3C CSS Color Module Level 4.
Frequently asked questions
What is the hex code for gray?
Gray is #808080 in hex and rgb(128, 128, 128) in RGB.
What is gray in CMYK?
With the plain conversion formula it is cmyk(0, 0, 0, 50). For print, convert with your printer's ICC profile instead.
What text color works on gray?
Black text has the higher contrast at 5.32:1, which passes WCAG AA for normal text (4.5:1).