Online Tools HarborLight Grey color codes
| CSS name | lightgrey |
|---|---|
| HEX | #D3D3D3 |
| RGB | rgb(211, 211, 211) |
| HSL | hsl(0, 0%, 83%) |
| CMYK | cmyk(0%, 0%, 0%, 17%) |
| Decimal | 13882323 |
Shades of Light Grey (darker)
#BEBEBE · #A9A9A9 · #949494 · #7F7F7F · #6A6A6A · #545454 · #3F3F3F · #2A2A2A · #151515
Tints of Light Grey (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 Grey | 1.50:1 · Fail |
|---|---|
| Black text on Light Grey | 14.03:1 · AAA |
Use Light Grey in code
.element {
color: lightgrey; /* or #d3d3d3 */
background-color: rgb(211 211 211 / 0.5);
}Frequently asked questions
What is the hex code for Light Grey?
Light Grey is #D3D3D3 in HEX, rgb(211, 211, 211) in RGB and hsl(0, 0%, 83%) in HSL.
Can I use "lightgrey" directly in CSS?
Yes. "lightgrey" is one of the 148 standard CSS named colors, so color: lightgrey; works in every browser.
Is Light Grey readable on white?
The contrast ratio of Light Grey on white is 1.50:1 (WCAG Fail). On black it is 14.03:1 (AAA).
What is the complementary color of Light Grey?
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.