- No data uploaded
- Instant results
Gray — #808080
Gray is the CSS named colour gray, hex #808080. It has a contrast ratio of 3.95:1 on white and 5.32:1 on black — best used as text on dark backgrounds.
Gray — #808080
Contrast on white 3.95:1 · on black 5.32:1
Tints
Shades
Complementary
Triadic
Analogous
Using Gray in code
CSS: color: gray; or color: #808080; · Tailwind: text-[#808080] · Android/Flutter: 0xFF808080
Gray colour harmonies
Complementary: #808080 · Triadic: #808080, #808080 · Analogous: #808080, #808080. Use tints for backgrounds and shades for hover states.
Gray in every colour format
| Format | Value |
|---|---|
| HEX | #808080 |
| RGB | rgb(128, 128, 128) |
| HSL | hsl(0, 0%, 50%) |
| HSV | hsv(0, 0%, 50%) |
| CMYK | cmyk(0%, 0%, 0%, 50%) |
| CSS name | gray |
| Contrast on white | 3.95:1 |
| Contrast on black | 5.32:1 |
Frequently asked questions
What is the hex code for Gray?
#808080 (CSS name: gray).
What is Gray in RGB?
rgb(128, 128, 128)
What colour goes well with Gray?
Its complementary colour #808080, or the analogous #808080 and #808080.