Light Gray is a light, neutral shade in the gray color family, with a neutral feel. Its HEX code is #D3D3D3, which equals rgb(211, 211, 211) in RGB and hsl(0, 0%, 83%) in HSL. In print terms it converts to roughly C0 M0 Y0 K17, although exact CMYK results depend on the paper and color profile.
- HEX
#D3D3D3 - RGB
211, 211, 211 - HSL
0°, 0%, 83% - CMYK
0, 0, 0, 17 - Family
Gray - Tone
Light, neutral
About Light Gray
Gray shades are neutral and versatile. They provide calm backgrounds, readable text colors and borders, and let brighter accent colors stand out. Try it as a primary brand color, a section background, or a highlight against neutral layouts. Text in black is the most readable choice on this color, with a contrast ratio of 14.03:1. Its complementary color is #D4D4D4.
Download Light Gray as an image
Choose a size and format, then download a solid-color image — or tick colors in the library to batch-download a ZIP.
Loading colors…
Loading gradients…
Light Gray color codes
| HEX | #D3D3D3 |
|---|---|
| RGB | rgb(211, 211, 211) |
| HSL | hsl(0, 0%, 83%) |
| HSV | 0°, 0%, 83% |
| CMYK | 0%, 0%, 0%, 17% |
| Decimal | 13882323 |
Shades and tints of Light Gray
Lighter tints are mixed with white and darker shades are mixed with black.
- 50
#F8F8F8 - 100
#F0F0F0 - 200
#E9E9E9 - 300
#E2E2E2 - 400
#DADADA - 500
#D3D3D3 - 600
#B0B0B0 - 700
#8D8D8D - 800
#6A6A6A - 900
#464646 - 950
#232323
Color harmonies for Light Gray
- Complementary
#D4D4D4≈ Light Gray - Analogous −30°
#D4D4D4≈ Light Gray - Analogous +30°
#D4D4D4≈ Light Gray - Triadic +120°
#D4D4D4≈ Light Gray - Triadic +240°
#D4D4D4≈ Light Gray - Split 150°
#D4D4D4≈ Light Gray - Split 210°
#D4D4D4≈ Light Gray
Contrast and accessibility of Light Gray
| Text color | Sample | Contrast ratio | WCAG |
|---|---|---|---|
| White text on Light Gray | Aa | 1.50:1 | Fails |
| Black text on Light Gray | Aa | 14.03:1 | AAA (excellent) |
CSS code for Light Gray
background-color: #D3D3D3;color: #D3D3D3;background-color: rgb(211, 211, 211);background-color: hsl(0, 0%, 83%);:root { --color-light-gray: #D3D3D3; }class="bg-[#D3D3D3]"Colors similar to Light Gray
- Cool Gray 85
#D5D8DC - Neutral Gray 85
#D9D9D9 - Warm Gray 85
#DCD9D5 - Very Pale Dusty Tangerine
#DAD3C8 - Very Pale Dusty Orange
#DAD1C8 - Very Pale Dusty Amber
#DAD5C8 - Neutral Gray 80
#CCCCCC - Very Pale Dusty Azure
#C8D3DA - Very Pale Dusty Spring Bud
#D3DAC8 - Very Pale Dusty Capri
#C8D5DA - Very Pale Dusty Cerulean
#C8D1DA - Very Pale Dusty Persimmon
#DACFC8
More gray shades
- Gainsboro
#DCDCDC - Silver
#C0C0C0 - Dark Gray
#A9A9A9 - Slate Gray
#708090 - Dim Gray
#696969 - Gray
#808080 - Pewter
#8B8E92 - Ash Gray
#B2BEB5 - Graphite
#383838 - Onyx
#353839 - Ebony
#555D50
Frequently asked questions
What is the HEX code for Light Gray?
The HEX code for Light Gray is #D3D3D3.
What is the RGB value of Light Gray?
Light Gray has an RGB value of 211, 211, 211 (rgb(211, 211, 211)). In HSL it is 0°, 0%, 83%.
What text color should I use on Light Gray?
Use black text on Light Gray. White text has a contrast ratio of 1.50:1 and black text has 14.03:1; WCAG AA requires at least 4.5:1 for normal text.
What color goes well with Light Gray?
The complementary color of Light Gray is #D4D4D4. Analogous colors #D4D4D4 and #D4D4D4 also pair well.