Color Combinations
WCAG (Web Content Accessibility Guidelines) ensure that content is accessible by everyone, regardless of disability or user device. To meet these standards, text and interactive elements should have a color contrast ratio of . This ensures that viewers who cannot see the full color spectrum are able to read the text.
The options below offer color palette combinations that fall within the range of Section 508 compliant foreground/background color contrast ratios. To ensure that text remains accessible, use only these permitted color combinations.
If you choose to customize beyond this palette and combinations, tool is a useful resource for testing the compliance of any color combination.
Compliant Color Combination Samples From Palette:
Background: #FFFFFF
Text: #000000
Contrast Ratio: 21:1
Background: #FFFAFA
Text: #910039
Contrast Ratio: 8.97:1
Background: #4B75BE
Text: #FFFFFF
Contrast Ratio: 4.57:1
Background: #910039
Text: #FFFFFF
Contrast Ratio: 9.27:1
Background: #D9D9D6
Text: #383838
Contrast Ratio: 8.28:1
Background: #FFFAFA
Text: #4B75BE
Contrast Ratio: 4.42:1