Start Now!COLOR STUDIOColor library
Gainsboro #DCDCDC
Gainsboro has the HEX code #DCDCDC, RGB value rgb(220, 220, 220) and HSL value hsl(0, 0%, 86%).
#DCDCDC
Color values
HEX#DCDCDC
RGBrgb(220, 220, 220)
HSLhsl(0, 0%, 86%)
Gainsboro shades
A Tailwind-style scale built from #DCDCDC.
- 50
#F7F7F7
- 100
#EAEAEA
- 200
#DCDCDC
- 300
#C5C5C5
- 400
#ADADAD
- 500
#969696
- 600
#7F7F7F
- 700
#676767
- 800
#505050
- 900
#393939
- 950
#212121
Text contrast
How Gainsboro reads as text, by WCAG 2.2.
On white1.37:1, below AA for normal text
On black15.31: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
