I started to improve my design skills over the past few months. I took a design course from Erik Kennedy at Learn UI Design. I would highly recommend his course and the email list. The course is expensive, but worth it. One of the many take aways from the course was the effective usage of gray. This post is simply a list of different grays, their hex value, and their HSB values to use as a reference.
| HEX | HSB | |
| #F2F2F2 | 0,0,95 | |
| #E6E6E6 | 0,0,90 | |
| #D9D9D9 | 0,0,85 | |
| #CCCCCC | 0,0,80 | |
| #BFBFBF | 0,0,75 | |
| #B3B3B3 | 0,0,70 | |
| #A6A6A6 | 0,0,65 | |
| #999999 | 0,0,60 | |
| #8C8C8C | 0,0,55 | |
| #808080 | 0,0,50 | |
| #737373 | 0,0,45 | |
| #666666 | 0,0,40 | |
| #595959 | 0,0,35 | |
| #4D4D4D | 0,0,30 | |
| #404040 | 0,0,25 | |
| #333333 | 0,0,20 | |
| #262626 | 0,0,15 | |
| #1A1A1A | 0,0,10 | |
| #1A1A1A | 0,0,10 | |
| #0D0D0D | 0,0,5 |