You can achieve shades of black or white for any multiple of 5 between 5 - 95:
- Example = the
bg-white-20class name will producebackground-color: #333 - Example = the
black-45class name will producecolor: #8c8c8c
The below styles also apply for background colors. You would simply append the class name with bg-, such as bg-black-55.
| Class | Properties | Color Example |
|---|---|---|
| black-5 | #f2f2f2 | |
| black-10 | #e6e6e6 | |
| black-15 | #d9d9d9 | |
| black-20 | #ccc | |
| black-25 | #bfbfbf | |
| black-30 | #b3b3b3 | |
| black-35 | #a6a6a6 | |
| black-40 | #999 | |
| black-45 | #8c8c8c | |
| black-50 | #808080 | |
| black-55 | #737373 | |
| black-60 | #666 | |
| black-65 | #595959 | |
| black-70 | #4d4d4d | |
| black-75 | #404040 | |
| black-80 | #333 | |
| black-85 | #262626 | |
| black-90 | #1a1a1a | |
| black-95 | #0d0d0d |
The below styles also apply for background colors. You would simply append the class name with bg-, such as bg-white-55.
| Class | Properties | Color Example |
|---|---|---|
| white-5 | #0d0d0d | |
| white-10 | #1a1a1a | |
| white-15 | #262626 | |
| white-20 | #333 | |
| white-25 | #404040 | |
| white-30 | #4d4d4d | |
| white-35 | #595959 | |
| white-40 | #666 | |
| white-45 | #737373 | |
| white-50 | #808080 | |
| white-55 | #8c8c8c | |
| white-60 | #999 | |
| white-65 | #a6a6a6 | |
| white-70 | #b3b3b3 | |
| white-75 | #bfbfbf | |
| white-80 | #ccc | |
| white-85 | #d9d9d9 | |
| white-90 | #e6e6e6 | |
| white-95 | #f2f2f2 |
See also Colors