Start Now!COLOR STUDIOColor library
Light Gray #D3D3D3
Light Gray has the HEX code #D3D3D3, RGB value rgb(211, 211, 211) and HSL value hsl(0, 0%, 83%).
#D3D3D3
Color values
HEX#D3D3D3
RGBrgb(211, 211, 211)
HSLhsl(0, 0%, 83%)
Light Gray shades
A Tailwind-style scale built from #D3D3D3.
- 50
#F7F7F7
- 100
#E5E5E5
- 200
#D3D3D3
- 300
#BDBDBD
- 400
#A7A7A7
- 500
#909090
- 600
#7A7A7A
- 700
#646464
- 800
#4E4E4E
- 900
#373737
- 950
#212121
Text contrast
How Light Gray reads as text, by WCAG 2.2.
On white1.49:1, below AA for normal text
On black14.02:1, passes AA for normal text
Colors that pair with it
Its complement, a neighbor, a light tint and a dark shade.
#7AB8B8
#C1A68B
#F1E4E4
#3C2020
What gray can communicate
Neutral and composed, and lets other colors stand out.
Associations vary by audience and culture. Gray often reads as neutral and modern, though some audiences may find it cold or understated.
Often used for: Technology, Corporate, Editorial.
More about grayRelated colors
