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

 this color combination does not have high enough contrast Sample Text Sample Text this color combination does not have high enough contrast
White background

#FFFFFF

 Sample Text this color combination does not have high enough contrast this color combination does not have high enough contrast Sample Text
Grey background #7C878E Sample Text this color combination does not have high enough contrast this color combination does not have high enough contrast Sample Text
Black background #000000 this color combination does not have high enough contrast Sample Text Sample Text this color combination does not have high enough contrast