Start Now!COLOR STUDIOColor library
Gray #5C7566
Gray has the HEX code #5C7566, RGB value rgb(92, 117, 102) and HSL value hsl(144, 12%, 41%).
#5C7566
Color values
HEX#5C7566
RGBrgb(92, 117, 102)
HSLhsl(144, 12%, 41%)
Gray shades
A Tailwind-style scale built from #5C7566.
- 50
#F6F8F7
- 100
#E0E6E2
- 200
#C9D4CD
- 300
#B2C2B8
- 400
#9BB0A4
- 500
#849E8F
- 600
#6E8C7A
- 700
#5C7566
- 800
#475A4F
- 900
#324038
- 950
#1D2520
Text contrast
How Gray reads as text, by WCAG 2.2.
On white5.01:1, passes AA for normal text
On black4.19:1, below AA for normal text
Colors that pair with it
Its complement, a neighbor, a light tint and a dark shade.
#88496F
#498882
#E4F1E9
#203C2B
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
