neutralneutralCSS named color
Gray #808080
The midpoint gray; equal RGB channels at half intensity.
Use cases: Neutral UI · Typography
Color values
| Format | Value | |
|---|---|---|
| HEX | #808080 | |
| RGB | rgb(128, 128, 128) | |
| HSL | hsl(0, 0%, 50%) | |
| HSV | hsv(0, 0%, 50%) | |
| CMYK | cmyk(0%, 0%, 0%, 49.8%) | |
| XYZ | xyz(20.5169, 21.5861, 23.5035) | |
| CIE-LAB | lab(53.6, -0.0, 0.0) | |
| Luminance | 0.216 (WCAG relative) |
/* Gray */
color: #808080;
background-color: #808080;
Shade scale
Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →
Shades (toward black)
#737373 #666666 #5a5a5a #4d4d4d #404040 #333333 #262626 #1a1a1a #0d0d0d #000000
Tints (toward white)
#8d8d8d #999999 #a6a6a6 #b3b3b3 #c0c0c0 #cccccc #d9d9d9 #e6e6e6 #f2f2f2 #ffffff
Tones (toward gray)
#808080 #808080 #808080 #808080 #808080 #808080 #808080 #808080 #808080 #808080
Color harmonies
Complementary
Edit in generator →#808080
#808080
#808080 #808080
Analogous
Edit in generator →#808080
#808080
#808080
#808080 #808080 #808080
Triadic
Edit in generator →#808080
#808080
#808080
#808080 #808080 #808080
Tetradic
Edit in generator →#808080
#808080
#808080
#808080
#808080 #808080 #808080 #808080
Split Complementary
Edit in generator →#808080
#808080
#808080
#808080 #808080 #808080
Monochromatic
Edit in generator →#434343
#616161
#808080
#9F9F9F
#BDBDBD
#434343 #616161 #808080 #9f9f9f #bdbdbd
Accessibility & contrast
3.95
#808080 on #FFFFFF
AA text ✗AA large ✓AAA text ✗UI 3:1 ✓
5.32
#808080 on #000000
AA text ✓AA large ✓AAA text ✗UI 3:1 ✓
Best text on gray
5.32
#000000 text
WCAG 2.1: AA needs ≥4.5:1 for normal text, ≥3:1 for large text and UI components; AAA needs ≥7:1 / ≥4.5:1.
Color blindness preview
Simulation using the Machado et al. (2009) physiological model, severity 1.0. This is an approximation of perception — not a medical assessment.
Closest named colors
Nearest matches by CIEDE2000 perceptual distance (ΔE₀₀).
| Color | Name | ΔE₀₀ |
|---|---|---|
| Slate Gray #708090 | 8.88 | |
| Taupe #8B7D6B | 9.62 | |
| Dark Gray #A9A9A9 | 13.50 | |
| Steel Blue #4682B4 | 18.87 | |
| Umber #635147 | 19.20 | |
| Silver #C0C0C0 | 19.68 |
Related colors
Palettes with gray
Values computed from the sRGB color model. CMYK is the naive sRGB conversion without an ICC profile. RGB percentages may differ between color-managed applications.