Light Gray#D3D3D3
Light Gray Hex Code: #D3D3D3
Light Gray is a very light, neutral gray. Its OKLCH lightness is 87% and chroma 0.000. Text on this color reads best in black (contrast 14.03:1).
| HEX | #D3D3D3 |
|---|---|
| RGB | rgb(211, 211, 211) |
| HSL | hsl(0, 0%, 83%) |
| HSV / HSB | hsv(0, 0%, 83%) |
| CMYK | cmyk(0%, 0%, 0%, 17%) |
| OKLCH | oklch(86.7% 0 0) |
Contrast
White text1.50:1
AAAA largeAAA
Black text14.03:1
AAAA largeAAA
On white1.50:1
AAAA largeAAA
On black14.03:1
AAAA largeAAA
Tints
#D7D7D7Gainsboro#DBDBDBGainsboro#DFDFDFGainsboro#E3E3E3Gainsboro#E7E7E7#EBEBEB#EFEFEFWhite Smoke#F3F3F3White Smoke#F7F7F7White Smoke#FBFBFBSnow WhiteShades
Matching colors
Complementary
Analogous
Split complementary
Similar named colors
Code
| CSS | color: #D3D3D3; |
|---|---|
| Tailwind | bg-[#d3d3d3] |
| SwiftUI | Color(red: 0.827, green: 0.827, blue: 0.827) |
| Android | Color.parseColor("#D3D3D3") |
| Flutter | Color(0xFFD3D3D3) |
Light Gray is a CSS named color (lightgray); the value follows W3C CSS Color Module Level 4.
Frequently asked questions
What is the hex code for light gray?
Light Gray is #D3D3D3 in hex and rgb(211, 211, 211) in RGB.
What is light gray in CMYK?
With the plain conversion formula it is cmyk(0, 0, 0, 17). For print, convert with your printer's ICC profile instead.
What text color works on light gray?
Black text has the higher contrast at 14.03:1, which passes WCAG AA for normal text (4.5:1).