Accessible Color Combinations
Please do not use greyed-out color combinations; they do not meet a color contrast ratio of 4.5:1, so they do not conform with the WCAG 2.1 standards for body text. This means that some people would have difficulty reading the text. Employing accessibility best practices improves the user experience for all users.
Colors | Hex Colors | Navy Blue text
#000E2F |
White text
#FFFFFF |
Grey text
#7C878E |
Black Text
#000000 |
---|---|---|---|---|---|
color | Navy Blue background
#000E2F |
![]() |
Sample Text | Sample Text | ![]() |
White background
#FFFFFF |
Sample Text | ![]() |
![]() |
Sample Text | |
Grey background #7C878E | Sample Text | ![]() |
![]() |
Sample Text | |
Black background #000000 | ![]() |
Sample Text | Sample Text | ![]() |