What is the hex code for LightGray?

The hex code for LightGray is #D3D3D3.

What is the RGB value of LightGray?

The RGB value of LightGray is rgb(211, 211, 211).

What is the HSL value of LightGray?

The HSL value of LightGray is hsl(0, 0%, 83%).

What is the HSV value of LightGray?

The HSV value of LightGray is hsv(0, 0%, 83%).

What CSS code do I use for LightGray?

Use background-color: #D3D3D3; for background, color: #D3D3D3; for text, or border: 1px solid #D3D3D3; for borders.

LightGray Hex #D3D3D3: HTML Color Code & Gradients

LightGray (#D3D3D3) Color Codes & Gradients

Color Preview

Make a gradient with LightGray →

Opens LightGray with a lighter tint in the generator: change the colors or the gradient type, then copy the CSS or download. More gradient variations below.

Technical Color Values (Hex, RGB, HSV, HSL)

HTML Name	lightgray
Hex	#D3D3D3
RGB	rgb(211, 211, 211)
HSV	hsv(0, 0%, 83%)
HSL	hsl(0, 0%, 83%)
OKLCH	oklch(86.69% 0 none)

What is the color name for #D3D3D3?

#D3D3D3 color name is LightGray.

Color Information

The HTML color LightGray has the hexadecimal code #D3D3D3 and in the RGB color space is composed of 83% red, 83% green, and 83% blue. The color LightGray has a hue angle of 0 degrees, a saturation of 0% and a lightness of 82.7%.

LightGray CSS Code Snippets

Background Color

.bg-lightgray { background-color: #D3D3D3; }

Text Color

.text-lightgray { color: #D3D3D3; }

Border Color

.border-lightgray { border: 1px solid #D3D3D3; }

Shade Gradient

.gradient-shade-lightgray { background: linear-gradient(135deg, #D3D3D3, #B4B4B4); }

Tint Gradient

.gradient-tint-lightgray { background: linear-gradient(135deg, #D3D3D3, #F2F2F2); }

Monochromatic Gradient

.gradient-mono-lightgray { background: linear-gradient(135deg, #D3D3D3, #D3D3D3); }

LightGray Shades

#CECECE

#C9C9C9

#C4C4C4

#BFBFBF

#B9B9B9

#B4B4B4

LightGray Tints

#D8D8D8

#DDDDDD

#E2E2E2

#E7E7E7

#ECECEC

#F2F2F2

LightGray Tones

#D3D3D3

LightGray Monochromatic

#D3D3D3

#AFAFAF

#8A8A8A

#666666

#414141

#1D1D1D

Similar Colors to LightGray

#D3D3D3

Generate a Gradient

Generate a shade gradient →

Generate a tint gradient →

Generate a tone gradient →

Generate a monochromatic gradient →

Generate a similar color gradient →

CSS Gradient Generator

LightGray (#D3D3D3) Color Codes & Gradients

Color Preview

Technical Color Values (Hex, RGB, HSV, HSL)

What is the color name for #D3D3D3?

Color Information

LightGray CSS Code Snippets

LightGray Shades

LightGray Tints

LightGray Tones

LightGray Monochromatic

Similar Colors to LightGray

Generate a Gradient