Online Tools HarborLight Gray color codes
| CSS name | lightgray |
|---|---|
| HEX | #D3D3D3 |
| RGB | rgb(211, 211, 211) |
| HSL | hsl(0, 0%, 83%) |
| CMYK | cmyk(0%, 0%, 0%, 17%) |
| Decimal | 13882323 |
Shades of Light Gray (darker)
#BEBEBE · #A9A9A9 · #949494 · #7F7F7F · #6A6A6A · #545454 · #3F3F3F · #2A2A2A · #151515
Tints of Light Gray (lighter)
#D7D7D7 · #DCDCDC · #E0E0E0 · #E5E5E5 · #E9E9E9 · #EDEDED · #F2F2F2 · #F6F6F6 · #FBFBFB
Color harmonies
| Complementary | #D4D4D4 |
|---|---|
| Triadic | #D4D4D4, #D4D4D4 |
| Analogous | #D4D4D4, #D4D4D4 |
Accessibility (WCAG contrast)
| White text on Light Gray | 1.50:1 · Fail |
|---|---|
| Black text on Light Gray | 14.03:1 · AAA |
Use Light Gray in code
.element {
color: lightgray; /* or #d3d3d3 */
background-color: rgb(211 211 211 / 0.5);
}Frequently asked questions
What is the hex code for Light Gray?
Light Gray is #D3D3D3 in HEX, rgb(211, 211, 211) in RGB and hsl(0, 0%, 83%) in HSL.
Can I use "lightgray" directly in CSS?
Yes. "lightgray" is one of the 148 standard CSS named colors, so color: lightgray; works in every browser.
Is Light Gray readable on white?
The contrast ratio of Light Gray on white is 1.50:1 (WCAG Fail). On black it is 14.03:1 (AAA).
What is the complementary color of Light Gray?
The complementary color (opposite on the color wheel) is #D4D4D4.
Similar colors
Gainsboro#DCDCDCThistle#D8BFD8Silver#C0C0C0Light Steel Blue#B0C4DEPowder Blue#B0E0E6Light Blue#ADD8E6Antique White#FAEBD7Lavender#E6E6FA
Convert any color with the Color Converter, generate palettes with the Random Color Generator, or browse all 148 CSS color names.