Skip to main content
ToolsHub
#D3D3D3

Lightgray Color — #D3D3D3

Complete color reference for #D3D3D3: conversions to RGB, HSL, HSV, CMYK, color harmonies, shades & tints scale, and WCAG accessibility contrast ratios.

Color Format Conversions

HEX#D3D3D3
RGBrgb(211, 211, 211)
HSLhsl(0, 0%, 83%)
HSVhsv(0, 0%, 83%)
CMYKC:0% M:0% Y:0% K:17%
CSS Colorlightgray
Decimal13882323
Luminance0.6514

WCAG Accessibility Contrast

#D3D3D3 on White
Ratio: 1.5:1 — Fail
#D3D3D3 on Black
Ratio: 14.03:1 — AAA
White on #D3D3D3
Ratio: 1.5:1 — Fail
Black on #D3D3D3
Ratio: 14.03:1 — AAA

WCAG AA requires ≥4.5:1 (normal text) or ≥3:1 (large text). WCAG AAA requires ≥7:1.

Shades & Tints Scale

50#FDFDFD
100#F8F8F8
200#F2F2F2
300#EBEBEB
400#E2E2E2
500#D3D3D3
600#A9A9A9
700#7F7F7F
800#545454
900#353535

Steps 50–400 are tints (mixed with white); 500 is the base color; 600–900 are shades (mixed with black).

Color Harmonies

Related Color Tools

Frequently Asked Questions

What is the RGB equivalent of #D3D3D3?

The RGB equivalent is rgb(211, 211, 211). The red channel is 211, green is 211, and blue is 211 (scale 0–255).

What is the HSL value of #D3D3D3?

The HSL value is hsl(0, 0%, 83%). Hue is 0°, saturation is 0%, and lightness is 83%.

Does #D3D3D3 meet WCAG accessibility standards?

On a white background, #D3D3D3 achieves a 1.5:1 contrast ratio (Fail). On a black background it achieves 14.03:1 (AAA). WCAG AA requires ≥4.5:1 for normal text.

What is the complementary color of #D3D3D3?

The complementary color (180° opposite on the hue wheel) of #D3D3D3 is #D4D4D4.