Light gray color: code #D3D3D3
Light gray
#D3D3D3
Color codes
- HEX
#D3D3D3 - RGB
rgb(211, 211, 211) - HSL
hsl(0, 0%, 83%) - HSV
hsv(0, 0%, 83%) - CMYK
cmyk(0%, 0%, 0%, 17%) - LAB
lab(84.6% 0 0) - OKLCH
oklch(86.7% 0 0)
About the color Light gray
Light gray has the HEX code #D3D3D3, which corresponds to rgb(211, 211, 211) in the RGB model. On the color wheel its hue sits at 0°, with 0% saturation and 83% lightness (hsl(0, 0%, 83%)).
With very low saturation (or extreme lightness) it works as a neutral, easy to pair with almost any other color.
As a background it calls for dark text: black reaches a 14.02:1 contrast ratio on it, versus 1.49:1 for white.
For print, the approximate conversion is cmyk(0%, 0%, 0%, 17%). Always confirm with your printer’s color profile, because the result depends on paper and ink.
Lighter tints
Darker shades
Color combinations with Light gray
Complementary
#D3D3D3 · #D4D4D4
Analogous
#D4D4D4 · #D3D3D3 · #D4D4D4
Triadic
#D3D3D3 · #D4D4D4 · #D4D4D4
Tetradic
#D3D3D3 · #D4D4D4 · #D4D4D4 · #D4D4D4
Split-complementary
#D3D3D3 · #D4D4D4 · #D4D4D4
Monochromatic
#949494 · #BABABA · #D3D3D3 · #FAFAFA · #FFFFFF
Light gray with white and black text
How to use it in CSS
:root {
--color-light-gray: #D3D3D3;
--color-light-gray-rgb: 211, 211, 211;
}
.elemento {
background-color: var(--color-light-gray);
color: #000000;
}