Federal regulations require a contrast ratio of at least 4.5:1 for normal text under 18px, and 3:1 for headlines that are 18px and larger. This ensures your text is legible for individuals with color-blindness or low-vision as well as bright screens or monitors with poor color rendering.
In most cases, the university websites and social media platforms take care of this for you. When you have an option to change the font color or background color, use a contrast checker first.
DO: | DON'T: |
---|---|
|
|
Both Microsoft Office's and Google Docs' color pickers provide around 70 colors, but only a third provide sufficient contrast at the font-sizes most often used in websites or documents.
If you want to use a color for your text, these are the default options that provide enough contrast on a white background:
Colors in Microsoft Office Color Picker: | Accessible Colors: |
---|---|
70 colors available |
26 usable for text on a white background |
The following tools let you build accessible color palettes without having to guess at hex codes: