neutralneutralCSS named color
Light Gray #D3D3D3
A pale gray for subtle borders and disabled states.
Use cases: Borders · Disabled states
Color values
| Format | Value | |
|---|---|---|
| HEX | #D3D3D3 | |
| RGB | rgb(211, 211, 211) | |
| HSL | hsl(0, 0%, 83%) | |
| HSV | hsv(0, 0%, 83%) | |
| CMYK | cmyk(0%, 0%, 0%, 17.3%) | |
| XYZ | xyz(61.9142, 65.1406, 70.927) | |
| CIE-LAB | lab(84.6, 0.0, 0.0) | |
| Luminance | 0.651 (WCAG relative) |
/* Light Gray */
color: #d3d3d3;
background-color: #d3d3d3;
Shade scale
Perceptual 50–950 scale, interpolated in CIE-LAB. Step 500 is the base color. Edit in the shade generator →
Shades (toward black)
#bebebe #a9a9a9 #949494 #7f7f7f #6a6a6a #545454 #3f3f3f #2a2a2a #151515 #000000
Tints (toward white)
#d7d7d7 #dcdcdc #e0e0e0 #e5e5e5 #e9e9e9 #ededed #f2f2f2 #f6f6f6 #fbfbfb #ffffff
Tones (toward gray)
#cbcbcb #c2c2c2 #bababa #b2b2b2 #aaaaaa #a1a1a1 #999999 #919191 #888888 #808080
Color harmonies
Complementary
Edit in generator →#D3D3D3
#D3D3D3
#d3d3d3 #d3d3d3
Analogous
Edit in generator →#D3D3D3
#D3D3D3
#D3D3D3
#d3d3d3 #d3d3d3 #d3d3d3
Triadic
Edit in generator →#D3D3D3
#D3D3D3
#D3D3D3
#d3d3d3 #d3d3d3 #d3d3d3
Tetradic
Edit in generator →#D3D3D3
#D3D3D3
#D3D3D3
#D3D3D3
#d3d3d3 #d3d3d3 #d3d3d3 #d3d3d3
Split Complementary
Edit in generator →#D3D3D3
#D3D3D3
#D3D3D3
#d3d3d3 #d3d3d3 #d3d3d3
Monochromatic
Edit in generator →#969696
#B4B4B4
#D3D3D3
#F0F0F0
#F0F0F0
#969696 #b4b4b4 #d3d3d3 #f0f0f0 #f0f0f0
Accessibility & contrast
1.50
#D3D3D3 on #FFFFFF
AA text ✗AA large ✗AAA text ✗UI 3:1 ✗
14.03
#D3D3D3 on #000000
AA text ✓AA large ✓AAA text ✓UI 3:1 ✓
Best text on light gray
14.03
#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₀₀ |
|---|---|---|
| Silver #C0C0C0 | 4.69 | |
| Off White #FAF9F6 | 8.42 | |
| Warm Beige #E9DCC9 | 9.22 | |
| White #FFFFFF | 9.47 | |
| Eggshell #F0EAD6 | 10.00 | |
| Dark Gray #A9A9A9 | 10.96 |
Related colors
Palettes with light 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.